WCAG2.1 Addition – Success Criterion 4.1.3: Status Messages (Level AA)

In content implemented using markup languages, status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.

About Success Criterion 4.1.3: Status Messages

Status messages should be programmatically determinable through appropriate roles or properties, allowing assistive technologies to present the information to users without altering their current focus.

The purpose of this requirement is to effectively notify users of important content changes. It is essential to do so without disrupting the user’s existing focus within the interface. For example, when a pop-up appears on a mobile device, screen readers often shift focus to that pop-up, which can cause users to lose their current location on the page. In such cases, it is important that the screen reader announces the pop-up information without taking focus away from the main content.

An example of this is when interacting with the Pocket app: if a user selects the ‘Pocket’ option and saves it, there is a status message of ‘Saved’. This status message should be accessible to screen readers without shifting focus. However the status message takes focus incorrectly, and is also not announced by the screen reader.

Article in Pocket with saving optionsOn saving the article
Pocket with saving options
"Saved" status message appears in the centre of the screen

Resources

Leave a Reply

Your email address will not be published.