Modals and dialogs: getting focus management right | Upcoming Webinar
A modal opens, and focus stays behind on the page. A screen reader user keeps reading content they can’t see, and a keyboard user tabs into the page underneath. It’s a fixable problem, whether you’re building your first modal or untangling a custom one you inherited.
Hope Alwine, Digital Accessibility Specialist at Accessible Web, will walk through a practical approach to accessible dialogs, from the moment focus moves in to the moment it comes back out.
What we’ll cover:
- Moving focus into the dialog when it opens, and keeping it there while the dialog is active
- Returning focus when the dialog closes, so users pick up where they left off
- Labeling the dialog so assistive technology announces what just appeared
- The native HTML dialog element compared with custom builds
- When a modal is the wrong pattern entirely
Bring your dialog and focus management questions. We encourage you to ask them live throughout the session!
Join us Thursday, November 12th at 2:00 PM EST.
Can’t make it live? Register anyway, and we’ll send the recording and resources straight to your inbox.