Reviewing role="status"
The container below has been set with role="status"
. This role has implicit aria-live="polite"
and aria-atomic="true"
.
- Action: After 8 seconds, a message should be injected into the container below.
- Result: All content inside the container, including newly injected content should also be announced at the next graceful opportunity.
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: All content announced immediately.
When silent: All content announced at pause.
- Firefox:
When reading: Only newly added content announced immediately.
When silent: Only newly added content announced at pause.
- Safari:
When reading: All content announced immediately.
When silent: All content announced at pause.