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 – goo.gl/F6x4YK
Shadow DOM primer – goo.gl/Gz2aHH
Accessibility Object Model (AOM) – goo.gl/MQ41Z2
Watch all A11ycasts episodes: goo.gl/06qEUW
Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf