search

LIT-EIA / adapt-esdc-accessibilityfixes

Extension to load and run a .js file when a course loads
GNU General Public License v3.0
5 stars 2 forks source link

Update Aria label "Page Progress" for the Page Level Progress button to read "Page Level Progress". #184

Open graphicidentity opened 1 year ago

graphicidentity commented 1 year ago

The page level progress button has an aria-label Page Progress followed by instructions and the completion percentage. It should only say Page Level Progress and the percentage. MicrosoftTeams-image (6)

graphicidentity commented 1 year ago

Also remove long text instructions from aria-label and put in course instructions.

ftourangeau commented 1 year ago

COURSE: https://esdc-edsc-adapt.canadacentral.cloudapp.azure.com/preview/5dc446fd27f08836496b6b9e/63a32079b75e454dafed1e1d/

Page: Lesson 1: Overview of electronic Passport Next Generation

Description: The accessible name of the button (progress bar in the header) is too overloaded with info for AT users: • "Page progress. Use this to listen to the list of regions in this topic and whether they're completed. You can jump directly to any that are incomplete or which sound particularly interesting. 21% "

The button name contains the page progress information and instruction. The instruction is not available for non-screen reader users. The best practice is to use short names for buttons as possible (without sacrificing meaning). The name needs to be long enough to convey the purpose of the element and no longer. For example: • aria-label="Page sections" (or something similar) • the addtional information can be implemented as a title or description (using an aria-describedby attribute) image