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
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.
upwork.com/ab/f/contracts/20874286
Rationale
Recommendations
Technology
developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions