The Shopping Dead: An Accessible Live Web For The Unalive
summary
Shows concrete patterns for announcing dynamic UI: use role="alert" = assertive for errors and role="status" = polite for nonurgent updates; avoid blasting every search result into an aria-live region because that screams dozens of items at screen readers. Demonstrates moving focus to a tabindex="-1" search-results header and announcing “search results N” instead, and using the HTML output element creates live region to announce order totals. Warns aria-atomic/aria-busy/aria-relevant have flaky support and insists on cross‑AT testing; demos work when these patterns are applied.
AI-written summary · about
chapters (10)
- 0:00Accessibility and live data
- 4:24Zombie persona Romero
- 7:10Grim and Grace store demo
- 13:31Live regions and navigation
- 14:15ARIA live attribute
- 21:23ARIA roles for live regions
- 26:39When not to use live regions
- 37:11HTML output element
- 42:46Accessibility as inclusion
- 45:14Q&A
