Admin Accessibility: Displaying Errors

[carlj11]

In admin mode, errors may appear silently to screen reader users (e.g., receiving an error on save)

• use role=“alert” on each error message when adding to the DOM

• or add html to an existing container whose attributes include a live region role or other live region attribute

o roles: “status” and “log”

o attributes: aria-live, aria-atomic

• see the following to learn more about live regions and alerts
o ARIA live regions - Accessibility | MDN.

Note: I'm adding issues based on feedback from our Institute Accessibility Office test team. I'll do my best to answer questions but, as necessary, may need to ask for more detailed information from the testers who documented the issue.