Reviewing aria-busy
The container below has been set with aria-live="assertive" and aria-busy="true".
- Action: After 5 seconds, message 1 will be injected into the container below.
- Result: As the container is ‘busy’, this dynamic change should not be announced.
- Action: After 8 seconds, the container will be set with
aria-busy="false".
- Action: After 10 seconds, message 2 will be injected into the container below.
- Result: As the container is ‘not busy’, this dynamic change should be announced.
- Action: After 15 seconds, message 3 will be injected into the container below.
- Result: As the container is ‘not busy’, this dynamic change should be announced.
Example
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: Message 1 and 2 announced at 10 seconds.
When silent: Message 1 and 2 announced at 10 seconds.
- Firefox:
When reading: Message 1 announced at 8 seconds, Message 2 announced at 10 seconds.
When silent: Message 1 announced at 8 seconds, Message 2 announced at 10 seconds.
- Safari:
When reading: Message 1 announced at 8 seconds, Message 2 announced at 10 seconds.
When silent: Message 1 announced at 8 seconds, Message 2 announced at 10 seconds.