A rather geeky/technical weblog, est. 2001, by Bramus
Directly from the spec, the 5 Rules of ARIA: If you can use a native HTML element or attribute with the semantics and behavior you require already built in […] then do so. Do not change native semantics, unless you really have to. All interactive ARIA controls must be usable with the keyboard. Do not …
aria-label and aria-labelledby Léonie Watson (@LeonieWatson) explains the difference between aria-label and aria-labelledby: The aria-label and aria-labelledby attributes are both used to give an element it’s accessible name. The difference between aria-label and aria-labelledby is where they get that piece of text, and the clue is in the name. The aria-label attribute gives an element its label; an …
Continue reading “The difference between aria-label and aria-labelledby“
role="doc-subtitle"
Over at CSS-Tricks, Chris takes a look at how to mark up a “Double Heading”, a common pattern where you have a big heading with a little one preceding/succeeding it (as pictured above). After going over a few options, the answer comes from a tweet by Steve Faulkner: use role="doc-subtitle" for the secondary heading. As …
Continue reading “Semantically Identify a Heading Subtitle with ARIA role="doc-subtitle"“