Accessible Modal Dialogs -- A11ycasts #19

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=JS68faEUduk


Category:
Vlog
Duration: 12:46
46,531 views
818

ARIA Authoring Practices: Dialog - https://goo.gl/ibNKWw
eBay MIND Patterns: Dialog - https://goo.gl/FI5NHa
Inert Polyfill - https://goo.gl/nXMS1V

The accessible modal dialog. It seems like such an easy thing to build, but in reality, it's a total pain! Today on A11ycasts I'll show you how to properly manage focus when adding a dialog to the page, and how to prevent a screen reader user from accidentally escaping behind the modal. In a few short minutes you'll be up to speed and ready to ship your first full accessible dialog!

Watch all A11ycasts episodes: https://goo.gl/06qEUW

Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2017-07-19Season 2 is Coming -- Designer vs. Developer #S2
2017-07-14Chrome 60 - What's New in DevTools
2017-07-13Performance Markers - Supercharged
2017-07-11Gyroscope (The Standard, Ep. 10)
2017-07-11Drag and Drop (The Standard, Ep. 9)
2017-07-07How to Label Shadow DOM - A11ycasts #20
2017-07-06Push Messages - Supercharged
2017-06-29Offline Links - Supercharged
2017-06-23Building a Media Player #14: Season Roundup
2017-06-22Code Splitting: Live Code Session - Supercharged
2017-06-16Accessible Modal Dialogs -- A11ycasts #19
2017-06-15Building a Media Player #13: Background Fetch
2017-06-05Chrome 59: Headless Chrome, Native Notifications on macOS and the Image Capture API
2017-06-02Chrome 59 - What's New in DevTools
2017-06-02Supercharged: What Would You Like To See?
2017-05-31Building New Tools for Designers and Developers -- Designer vs. Developer #6
2017-05-26Why headings and landmarks are so important -- A11ycasts #18
2017-05-19Using Web Components with Angular (Google I/O '17)
2017-05-19Google I/O'17: Channel 6
2017-05-19Cranking Up Performance in Graphics Intensive Web Apps and Games (Google I/O '17)
2017-05-19DevTools: State of the Union 2017 (Google I/O '17)


Tags:
Chrome
Developers
Google
Web
modal dialog
accessible modal dialog
accessibility
app development
accessibility in app development
modal
modal dialogs
accessible modal dialogs
dialog
dialogs
product: chrome
fullname: Rob Dodson
Location: MTV
Team: Scalable Advocacy
Type: DevByte
Other: NoGreenScreen
GDS: Yes;