Accessibility Scan about osprey

[villanueval]

Graph is removed in 7b42ea4 and replaced with cards highlighting some projects.

[villanueval]

Tabs have been replaced by separate pages by team.

[villanueval]

Issues identified by new scan (2023-09-19):

• There’s skipped headings on the homepage that goes from the h1 of the blue numbers such as “10” Active Projects to h5 of Project Dashboard titles such as “Digitization of the JPC Archive has Started”

Level A

• Some pages have the same title , so the title cannot be used to distinguish pages. Change the title elements so they are unique for each page. WCAG 2.1 A F25 Section 508 (2017) A F25
  • Title in homepage is the same between teams
  • Pagination in project dashboard returns the same title:
    • 'JPC Archive Pilot RO_OVI_003A_20230817 - Project Dashboard' is also used on dashboard/jpc_pilot/3417/ . dashboard/jpc_pilot/3417/?tab=1&page=2 line 102
• The aria-controls attribute must point to IDs of elements in the same document. WCAG 2.1 A 1.3.1 Section 508 (2017) A 1.3.1 ARIA 1.1

Level AA

• Ensure that text and background colors have enough contrast WCAG 2.1 AA 1.4.3 Section 508 (2017) AA 1.4.3
  • Seems the "DEV VERSION" tag triggers this issue (class="text-black bg-warning"; link to base template
  • Team buttons on homepage using the white on light blue text ("btn border-info btn-outline-info text-black")
• Headings should not be empty. Add text to the heading, or alt text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings. WCAG 2.1 AA G130 Section 508 (2017) AA G130
  • Empty statistics in the Informatics Team page (<div class="card-body"><h1></h1></div>...)
• If you set any of the colors on the body or a elements you must set all of them. In HTML the color attributes are text , bgcolor , link , alink and vlink . In CSS the attributes are color and background-color . Some users have browser defaults set to white text on a black background, so setting one color without setting the others can result in black text on a black background. WCAG 2.1 AA F24 Section 508 (2017) AA F24
  • Seems to be in the SI footer. (about page)
  • Link to PM page in DPO (PM link in dashboard)
  • Link to projects in Team pages (in query that builds the table contents)
• The CSS outline or border style on this element makes it difficult or impossible to see the dotted link focus outline. Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. WCAG 2.1 AA F78 Section 508 (2017) AA F78
  • Seems to be the search files Submit button

[villanueval]

Level A - Title in homepage is the same between teams - Fixed in 2afe168

[villanueval]

Level A - Pagination in project dashboard returns the same title - Fixed in b1a18c9

[villanueval]

Level A - The aria-controls attribute must point to IDs of elements in the same document.

• Elements left behind from test navigation components. Removed.

Level AA - Ensure that text and background colors have enough contrast

• One issue was a notice at the top of the pages. This was removed.
• White on blue buttons were replaced with white-on-black or black-on-white buttons.

Level AA - Headings should not be empty. Add text to the heading, or alt text if the heading contains an image.

• Caused by a templated table with no data. Added code to not display if there are no rows in the table.

Level AA - If you set any of the colors on the body or a elements you must set all of them.

• All elements were updated to specify text and background color together.

Level AA - The CSS outline or border style on this element makes it difficult or impossible to see the dotted link focus outline.

• Simplified styling of the form.

[villanueval]

There’s skipped headings on the homepage

• Reformatted home to avoid these in 70c4940

[villanueval]

New scan on 2023-09-22 just found false positives. We are good to go.