kitchencollection-com / core

A custom module for kitchencollection.com (Magento 2)
https://upwork.com/fl/mage2pro
0 stars 0 forks source link

An ADA issue: reset password confirmation message is not read by a screen reader automatically. The screen reader starts reading the page from the top instead. This result in a bad experience to a screen reader user. #31

Closed dmitrii-fediuk closed 6 years ago

dmitrii-fediuk commented 6 years ago

upwork.com/ab/f/contracts/20874286

01

Rationale

Screen reader should announce the error message automatically or else a user with visual impairment who relies on screen reader for web access will need to navigate the page manually using arrow keys in order to check if there is an error occurred while submission of the form.

Recommendations

Using the aria-live attribute on an active error message informs a screen reader user of the change. aria-live can be placed on hidden html elements and when they are revealed via JavaScript they will be announced to the user. aria-live will accept the values: off, assertive and polite. Using the polite setting, the content will only be read once the user is idle and will not interrupt a current action. The assertive setting will be read immediately, and off is the default. Using the polite setting is generally preferable. This approach is a quick and easy way to make the form’s errors accessible. See recommendation from W3C on how to use ARIA role=alert to identify errors.

Technology

developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions

dmitrii-fediuk commented 6 years ago

Done: 02