Landmark roles
David made a comment on Twitter about some markup he was working on:
Feels dirty setting id’s on main HTML5 page header and footer, but overriding inheritance they cause seems…
Neat idea, working with ARIA roles for attribute-based CSS selectors. I played around with a prototype based on data-* attribute selectors a bit at work, with the goal of “protecting” some important CSS rulesets from more standard usage. Given lack of attribute-selector CSS support in IE6 (without script support) it wasn’t worth the change for our basic application. But I do hope to use it for “modern” browsers where we run the full JS app (and our data-* attributes).
On the designer side, the idea was helpful to convey more meaning for the rules in CSS. Seeing, for example, data-item-type="scoop" could mean more to them than a selector of just .scoop amid the other active classes.
