How to Label Shadow DOM - A11ycasts #20

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