Creating Accessible Notifications, Alerts and Other Asynchronous Elements
summary
Covers building accessible asynchronous UI components (notifications, alerts, progress indicators) for the web using modern accessibility technologies and best practices; explains practical techniques to implement and test these components with current accessibility APIs and testing approaches.
AI-written summary · about
chapters (27)
- 0:00Accessible async elements
- 1:04Async components matter
- 3:11Site notifications
- 4:15Blind users and content
- 6:46Live Regions technique
- 9:56aria-live values
- 11:41Critical notifications
- 13:23Screen readers and updates
- 14:47Message notifications
- 16:55Async components
- 17:39Focus control
- 19:47Focus in modals
- 22:11Focus trap
- 23:37Focus and interactivity
- 25:04Accessible notification examples
- 26:49Data change alerts
- 27:32Real-time form validation
- 31:43Accessible file uploads
- 32:48Making components accessible
- 35:01Q&A
- 37:51Screen readers and dynamic content
- 40:39Detect screen reader
- 42:25Accessibility testing tools
- 44:56Screen reader differences
- 47:02Testing with users
- 51:42Accessibility effort
- 54:56Plan for accessibility
related talks
47mBuilding Accessible Web Components
38mAccessibility — how to build web applications accessible ...
55mAccessible Wow Effect
35mAccelerating accessibility in web
48mBeyond Default Boundaries: Designing Accessible Non‑Standard Components
28mBuilding Accessible React Components
30mAccessible components and zero framework
41mDemystifying Accessibility in React Apps