Live Regions Example 2

Example using in-line ARIA markup | HTML source with in-line ARIA
Example using ARIA markup from CLASS attribute information | HTML source of ARIA markup from CLASS attribute

Set Text Live Region ARIA Properties

Seconds before a change
Politeness Level
Atomic
Channel
Replace Text or Add on?

Set Message Live Region ARIA Properties

Politeness Level
Channel

Live region example: Reader

Description: Click the button below to start reading. Each sentence will appear for the time set above. Every so often a message will interrupt you.

Message

Text

ARIA Roles and Properties

Role: role="log"
Role: role="description"
States and properties:
- aria-live
- aria-atomic
- aria-relevant
- aria-channel

Compatible Browsers

Mozilla Firefox 2 (with Fire Vox Extension)
Mozilla Firefox 3

ARIA Examples