Reviewing aria-relevant="all"
The container below has been set with aria-live="assertive"
and aria-relevant="all"
.
- Action: After 8 seconds, a message will be removed from the container below.
- Result: The removed content should be announce immediately.
- Action: After 15 seconds, a message will be injected into the container below.
- Result: The newly injected content should be announce immediately.
Example
Content to be removed from the container
If a screen reader is focussed on announcing this paragraph, will the dynamically injected message above affect the announcement of this paragraph. This is how we can determine if dynamic information is announced immediately, at the next graceful opportunity, or not at all.
Assistive technologies
VoiceOver
- Chrome:
When reading: Deletion announced immediately, addition announced immediately.
When silent: Deletion announced immediately, addition announced immediately.
- Firefox:
When reading: Deletion announced immediately, addition announced immediately.
When silent: Deletion announced immediately, addition announced immediately.
- Safari:
When reading: Deletion announced immediately, addition announced immediately.
When silent: Deletion announced immediately, addition announced immediately.