ARIA live regions — demo

Live regions let you announce changes (like “Saved” or “3 results loaded”) without moving keyboard focus. Use role="status" / aria-live="polite" for non-urgent updates, and role="alert" for urgent ones.

Theme cycle: DEFAULT → COLOR-SAFE → HIGH CONTRAST
Tip: activate buttons with keyboard (Tab, Enter).

1) Polite status announcements

Good for non-urgent updates. Screen readers may announce this when idle.

(polite region empty)

Uses role="status" + aria-atomic="true".

2) Assertive alert announcements

Good for urgent warnings. Use sparingly.

Uses role="alert" (usually treated as assertive).

3) Do not do this: announce on every keypress

Announcing on every keystroke is noisy and can make typing unusable for screen reader users. Compare the BAD version (spams live region) vs the BETTER version (announces on submit).

BAD: announce while typing spams
(bad live region empty)
BETTER: announce on submit quiet
(better live region empty)

Latest announcement log (visible)

Sighted users can confirm what would be announced.

(none yet)