Accessibility of Web Components

Explore the intersection of web accessibility and cutting-edge technologies in this JSConf 2014 talk by Marcy Sutton. Delve into the world of Web Components, examining how encapsulation, templating, and custom elements can be leveraged to create more inclusive web experiences. Learn about the role of semantics in modern web development and discover how to approach accessibility in an innovative way. Gain insights into Shadow DOM, its impact on accessibility, and best practices for implementation. Through code examples and demonstrations, understand the components of accessibility, current native support, and the use of ARIA in Web Components. Equip yourself with knowledge to create the next generation of web elements that are both technologically advanced and accessible to all users.

Intro
Code Example
Who am I
Accessibility Challenges
Web Components
Agenda
Why are we excited
Shadow DOM
Trees
ShadowDOM
How Browsers Work
Shadow DOM Accessibility
How to Shadow DOM
Demo
Components of Accessibility
Current Native Support
Custom Elements
Native Child Elements
Aria
Ultimate Web Component
AriaLive Regions