How to Label Shadow DOM - A11ycasts #20
Channel: Chrome for Developers
Date: 07/07/2017

Shadow DOM is a newer web platform feature that lets you scope your CSS and markup. This is great for preventing style leakage, but it can also make things tricky when it comes to accessibility. In particular, labeling content inside of a shadow root. Today on A11ycasts I'll show a couple techniques I use to work around this thorny problem.

Demo source - https://goo.gl/F6x4YK

Shadow DOM primer - https://goo.gl/Gz2aHH

Accessibility Object Model (AOM) - https://goo.gl/MQ41Z2

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