Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
semantics

41 Articles
{
,

}
Image
Direct link to the article I Learned The First Rule of ARIA the Hard Way
accessibility aria semantics

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.
Image
Hashim Quraishi on Jan 21, 2026
Image
Direct link to the article Headings: Semantics, Fluidity, and Styling — Oh My!
semantics typography

Headings: Semantics, Fluidity, and Styling — Oh My!

A few links about headings that I've had stored under my top hat.
Image
Geoff Graham on Nov 10, 2025
Image
Direct link to the article Explaining the Accessible Benefits of Using Semantic HTML Elements
accessibility semantics

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?
Image
Geoff Graham on Nov 6, 2025
Image
Direct link to the article Tooltip Best Practices
dialog popover semantics

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.
Image
Zell Liew on Oct 29, 2024
Image
Direct link to the article Quick Hit #17
accessibility HTML semantics

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…

Image
Juan Diego Rodríguez on Sep 9, 2024
Image
Direct link to the article Quick Hit #16
css fundamentals semantics

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…

Image
Geoff Graham on Sep 5, 2024
Image
Direct link to the article Paragraphs
accessibility semantics

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
…
Image
Geoff Graham on Aug 30, 2024
Image
Direct link to the article Basic keyboard shortcut support for focused links
accessibility Links & URLs semantics

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 …

Image
Geoff Graham on Aug 23, 2024 Updated on Aug 27, 2024
Image
Direct link to the article Quick Hit #9
semantics

Quick Hit #9

Heydon with a reminder that <address isn’t for, you know, mailing addresses.…

Image
Geoff Graham on Aug 12, 2024
  • 1
  • 2
  • 3
  • ...
  • 5
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement