DOI-ONRR / onrr.gov-site

We will use this repo to manage our work on the onrr.gov website
11 stars 3 forks source link

Ensure ARIA roles, states, and properties are valid #2491

Closed eelzi-ONRR closed 1 year ago

eelzi-ONRR commented 1 year ago

OCIO occurance 96%

The Aria tab on this sheet details this issue from the OCIO report: https://doimspp.sharepoint.com/:x:/r/sites/NRRD/Shared%20Documents/General/ONRR.gov/508/onrr.gov%20website%20accessibility/OCIO%20report%20violations%20-%20Feb%20%2723.xlsx?d=w3e1f0b4a745244dc8d2aa85991bb45a3&csf=1&web=1&e=ysQzl7

This has been repored by lighthouse and the OCIO report. There are a variety of aria issues affecting every page. The OCIO report places each of the problems into one or more of the following categories:

Lighthouse lists these 4 aria issues for every page: image.png

And this one for many pages, but not all: image.png

More details and the pages affected are found in the section 508 folder in teams.

greensomes commented 1 year ago

Lists of links on the homepage for Reporter Letters have a role hierarchy of list, listbox, then option. However, according to Mozilla documentation, elements with role list should have children with role listitem and listbox should have child elements with role option. Determining if the parent role should be list or listbox. See Nielson Norman guidance for more on listbox.

greensomes commented 1 year ago

As it turns out, the list issue above is governed by vuetify components. This has been addressed.

After committing changes and merging to dev, the Lighthouse score for the home page is now 100. Yay!