Reviewing aria-atomic="false"
The container below has been set with aria-live="assertive"
and aria-atomic="false"
.
- Action: After 8 seconds, a message will be injected into the container below.
- Result: Only newly injected content inside the container should be announced immediately.
Example
This is some text already in the container.
If a screen reader is focused on announcing this paragraph, will the dynamically injected message above affect the announcement of this paragraph? This is how we can determine whether dynamic information is announced immediately, at the next graceful opportunity, or not at all.
Assistive technologies
VoiceOver
- Chrome:
When reading: New content announced immediately.
When silent: New content announced immediately.
- Firefox:
When reading: New content announced immediately.
When silent: New content announced immediately.
- Safari:
When reading: New content announced immediately.
When silent: New content announced immediately.