I’ll bet this has happened to you before: you submit a form, get an error, but nothing visually indicates where the problem is. No color change, no icon, no message – just silence. You’re left wondering what went wrong.
Now imagine that same scenario for a screen reader user, except the error message did appear on screen. It’s right there at the top of the page in red text. But because their focus remained on the submit button and nothing announced the change, they experienced the same frustration. The error exists, but they have no way to know it’s there.
The solution is ARIA live regions, which announce dynamic content changes. But knowing when to use them requires thinking about user impact, not just technical capability.
Two scenarios to consider:
Critical updates demand immediate attention. Form validation errors, system alerts, or session timeouts need aria-live="assertive" to interrupt whatever the user is doing. These are rare—reserve assertive announcements for actual problems.
Helpful updates provide useful feedback without urgency. Search result counts (“Showing 47 results”), filter confirmations, or successful item additions warrant aria-live="polite", which waits for a natural pause before announcing.
Ask these questions:
- Will users need to act on this change?
- Would missing this update cause confusion or errors?
- How often does this update occur?
If it’s critical and rare, notify assertively. If it’s helpful but not urgent, notify politely. If it’s frequent or purely informational, skip the announcement entirely.
Here are some common patterns that benefit from notifications:
- Toast messages confirming actions
- Inline form validation
- Cart updates
- Search filtering
- Loading state changes
Your next step: Pick one dynamic feature on your site and test it with a screen reader. Does it announce changes appropriately, or leave users guessing?
Don’t Miss Out
Get practical accessibility tips in your inbox every week.