Some stuff that doesn’t work between the DOM and Shadow DOM

Posted on Tuesday, 25 March 2014 by Steve Faulkner

Been reading a few new articles on Web Components and accessibility, which lead me to re-read an old post I wrote: Notes on Web Components + ARIA. I noted the demo was broken, presumably as the web component syntax had changed since 2012. So I decided to make a few new tests:

What I found was that anything that relies upon an id association between content in the DOM and Shadow DOM breaks (note need to run latest Chrome or Firefox Nightly ,with web components flag enabled, to test):

Some HTML examples:

Most ARIA relationship attributes:

will this be fixed?

Discussion is occurring in regards to the ARIA issues – ARIA relationships via selector

Further reading


About Steve Faulkner

Steven is the Senior Web Accessibility Consultant and Technical Director, TPG Europe. He joined The Paciello Group in 2006 and was previously a Senior Web Accessibility Consultant at Vision Australia. He is the creator and lead developer of the Web Accessibility Toolbar accessibility testing tool. Steve is a member of several groups, including the W3C HTML Working Group and the W3C Protocols and Formats Working Group. He is an editor of several specifications at the W3C including HTML 5.1, Using WAI-ARIA in HTML and HTML5: Techniques for providing useful text alternatives. He also develops and maintains HTML5accessibility

Comments

  1. hi bruce, I think that being able to link to a document fragment inside a component, http://plauke.com/#balls for example, is a reasonable use case, but as I said on twitter I am not forming a value judgement, just flagging a potential issue, that people more knowledgeable than I, have been discussing in the dark corners of Googledom.

Comments are closed.

Recent Posts

See all posts in the blog archive

Having worked in accessibility for quite some time I can tell you that TPG's Steve Faulkner is one of the top technical accessibility talents, and leaders, in the field and I have no reservations in giving him my endorsement.

Richard Schwerdtfeger, Distinguished Engineer and CTO for Accessibility of IBM Software