20087 2012-11-26 16:44:28 +0000 Use unique styling for the accessibility tree 2014-01-14 20:10:24 +0000 1 1 1 Unclassified HTML WG Using ARIA in HTML unspecified PC All RESOLVED FIXED a11y, aria P2 normal --- 1 dmazzoni gez.lemon david100 faulkner.steve hans.hillen mike public-html-bugzilla dave.null oldest_to_newest 78839 0 dmazzoni 2012-11-26 16:44:28 +0000 "Using ARIA in HTML" could be more clear if markup that represents the accessibility tree was styled differently than markup from the html it's derived from, for example a different color, different case, maybe right-aligning the block. Maybe even consider making the tag names accessibility-specific, like this: html tree: <h1 role="button">text</h1> accessible tree: <AccessibleButton>text</AccessibleButton> That would really stress the fact that accessibility objects are parallel to the html tree, but distinct, and that the roles are not a perfect 1:1 match. 92486 1 david100 2013-08-22 23:43:36 +0000 This may improve its readability. Perhaps we can use color as long have the words "accessibility tree", or "HTML tree" above each one so it is being distinguished by the sentence prior to the code, Then it could pass WCAG SC 1.4.1. I'm a little shy to use the words, html tree: Accessibility tree: inline with the code, besides the sentences before the code says that... So I think the color change would satisfy this bug. I'll try blue text for the accessibility tree. 92487 2 david100 2013-08-23 01:24:13 +0000 The text colour for code had an !Important on it so I left the same colour and provided a light yellow background for accessibility tree, and made the text clear between the html tree and accessibility tree... I think that should address this issue.