Skip to main content
CSS-Tricks
Since 2007
  • Articles
  • Guides
  • Almanac
  • Links
  • Picks
  • Newsletter
  • Search

Articles Tagged
accessibility

202 Articles
{
,

}
Basic arianotify() code example with Hello, World as the announcement.
Direct link to the article The Siren Song of ariaNotify()
accessibility JavaScript

The Siren Song of ariaNotify()

There's a brand new ariaNotify() method — defined by the WAI-ARIA 1.3 Specification — that provides a means of programmatically triggering narration in a screen reader.
Mat Marquis on Jun 17, 2026
Vertical navigation of list items labeled 'Navigation'. Each item looks like a step above the previous item as in a staircase.
Direct link to the article There’s no need to include ‘navigation’ in your navigation labels
accessibility alt text

There’s no need to include ‘navigation’ in your navigation labels

One of those nuances to keep in your back pocket when writing for screen readers.
Geoff Graham on Jun 12, 2026
Direct link to the article Quick Hit #129
accessibility aria firefox

Quick Hit #129

Firefox 150 shipped ariaNotify(), an alternative to ARIA live regions, but it lacks Safari support and is unreliable on macOS.…

Daniel Schwarz on Apr 29, 2026
Direct link to the article Quick Hit #120
accessibility contrast-color() CSS

Quick Hit #120

Chrome 147 ships contrast-color() (the Color Level 5 version that only resolves to black or white), making it baseline.…

Daniel Schwarz on Apr 8, 2026
Direct link to the article Popover API or Dialog API: Which to Choose?
accessibility dialog popover

Popover API or Dialog API: Which to Choose?

Choosing between Popover API and Dialog API is difficult because they seem to do the same job, but they don’t! After a bit lots of research, I discovered that the Popover API and Dialog API are wildly different in terms of accessibility and we'll go over that in this article.
Zell Liew on Mar 2, 2026
Comparing white and black text on a grid of rectangles with different shades of background colors.
Direct link to the article Approximating contrast-color() With Other CSS Features
accessibility color contrast-color() relative color

Approximating contrast-color() With Other CSS Features

The new contrast-color() function is not fully supported yet. But can we still implement it in a cross-browser friendly way using other new CSS features?
Kevin Hamer on Feb 11, 2026
Direct link to the article Quick Hit #92
accessibility HTML meta tags typography

Quick Hit #92

Chrome Canary trials <meta name=text-scale, making OS-level text scaling work on the web.…

Daniel Schwarz on Jan 30, 2026
Direct link to the article There is No Need to Trap Focus on a Dialog Element
accessibility dialog modal

There is No Need to Trap Focus on a Dialog Element

Accessibility advice around modals have commonly taught us to trap focus within the modal. Upon further research, it seems like we no longer need to trap focus within the <dialog> (even in modal mode).
Zell Liew on Jan 26, 2026
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.
Hashim Quraishi on Jan 21, 2026
  • 1
  • 2
  • 3
  • ...
  • 23
  • Older

CSS-Tricks is powered by DigitalOcean.

Get Curated Front-End Roundups Right in Your Inbox

Coming back really, really soon! See past issues →

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