|
|
|
|
|
Live Regions
|
|
|
|
It solves problem
of how to announce content updated by AJAX to screen reader users.
|
|
|
|
Does this by
defining sections of document where content is updated dynamically.
|
|
|
|
Properties:
|
|
aria-live = off |
polite | assertive | rude (how aggressive should screen reader be in
announcing updates? Can be used with any existing HTML element.)
|
|
aria-atomic = true
| false (read entire live region on change, or only new content?)
|
|
aria-busy = true |
false (can set to true until final part of live region has loaded. Prevents
AT announcing changes before updates complete.)
|
|
aria-relevant =
additions | removals | text | all (what changes are considered relevant?)
|
|
|
|
Example: Twitter live update
|
|
|
|
|