Accessible Dialogs in React

Dialogs and modals are a big part of modern web app experiences… but what does it take to make them accessible? Join Ben and Chance Strickland as they go on a tour through focus management, the upcoming inert attribute, keyboard navigation, ARIA, and more!

More From Chance

• Follow Chance on Twitter
• Chance's stream on building accessible tabs in React
• Chance's portrait of Jason Lengstorf
• Chance's portrait of Sunil Pai
• Sign up for a React Training workshop

Mentioned Links

• How (Not) to Build a Button
• inert polyfill
• React documentation for Portals
• Hook flow diagram
• react-focus-lock
• Discord's focus-layers
• <dialog> on MDN
• Reach UI's composeEventHandlers utility
• ARIA Authoring Practices on building dialogs and modals
• THE Eleventy Meetup