Headings: Semantics, Fluidity, and Styling — Oh My!
A few links about headings that I've had stored under my top hat.
Geoff Graham
on
Articles Tagged
40 Articles
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
Accessible Forms with Pseudo Classes
In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo-class known as :focus-within. The :focus-within pseudo-class allows for great control over focus and lets your users …
Chris DeMars
on
Updated on
