This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Accessibility
How do blind visitors learn about a website's status messages?
Blind visitors only learn about status messages if the website technically marks them as such — then the screen reader announces them automatically, without the visitor leaving their current position. If the message "Item added to cart" only appears visually at the edge of the screen, it stays silent for screen readers. WCAG criterion 4.1.3 requires that status messages be programmatically recognisable as such.
A silent message is like a nod on the phone
Status messages accompany almost every action on the web: "Item added to cart", "3 results found", "Your message has been sent", "Form loading". Sighted visitors notice them in passing. A blind visitor, though, has their focus elsewhere — still on the button they just pressed, say. If the confirmation only appears visually, they never learn whether their action worked. They press again, add the item to the cart twice, or give up, unsure what happened. The solution: the message area is marked up in the source code as a status region. Screen readers watch such regions and announce new content on their own — the visitor stays at their current position and still hears the confirmation.
How the audit service checks status messages
The automated measurement with axe-core checks the technical side of existing message regions: are the markers valid and correctly applied, so that assistive tools can read them. The decisive question goes further: is every message that arises during actual use really announced. That can only be judged by someone operating the website and listening. Our report therefore openly marks this part as a manual check point. At the Gold Standard level, a human triggers typical actions — adding something to the cart, submitting a form, starting a search — and checks with a screen reader whether the confirmation comes through audibly. An empty check counts as a failure with us, never as a free pass.
Examples
Shopping cart notification only visible
<div class="toast">Artikel im Warenkorb</div><div role="status" aria-live="polite">Artikel im Warenkorb, jetzt 3 Artikel</div>With role="status", the message is announced without moving the focus. For errors with need for action: role="alert".
- Collect all the status messages on your website: cart confirmations, search result counters, submission confirmations, loading notices.
- Ask your agency to mark up the message areas as status regions in the source code, so screen readers announce them.
- Test with the screen reader built into your operating system whether the message is announced audibly after the action.
- Keep status messages short and clear — the text is announced word for word, and long messages get tiring to listen to.
