I Learned The First Rule of ARIA the Hard Way
Semantic HTML does a lot more accessibility work than we usually give it credit for already — and ARIA is simple to abuse when we use it both as a shortcut and as a supplement.
Articles Tagged
41 Articles
Headings: Semantics, Fluidity, and Styling — Oh My!
A few links about headings that I've had stored under my top hat.
Geoff Graham
on
Explaining the Accessible Benefits of Using Semantic HTML Elements
Why should you use a semantic
<button> instead of a generic <div>? Accessibility, right? By how exactly does it help accessibility?
Geoff Graham
on
Tooltip Best Practices
What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.
Zell Liew
on
Quick Hit #17
“Wrapping the <labelaround the <inputis fine, and is sufficient for conformance on its own, however adding explicit association with for and id is still necessary in practice.” —James Edwards…
Quick Hit #16
“Never, ever hire for JavaScript framework skills. Instead, interview and hire only for fundamentals like web standards, accessibility, modern CSS, semantic HTML, and Web Components.” — Alex Russell…
Geoff Graham
on
Paragraphs
I sure do love little reminders about HTML semantics, particularly semantics that are tougher to commit to memory. Scott has a great one, beginning with this markup:
<pI am a paragraph.</p<spanI am also a paragraph.</span<div
Geoff Graham
on
Basic keyboard shortcut support for focused links
Eric gifting us with his research on all the various things that anchors (not links) do when they are in :focus.
Turns out, there’s a lot!
That’s an understatement! This is an incredible amount of work, even …
Geoff Graham
on
Updated on
Quick Hit #9
Heydon with a reminder that <address isn’t for, you know, mailing addresses.…
Geoff Graham
on