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

Articles Tagged
accessibility

203 Articles
{
,

}
Chrome DevTools with the modal open: the #page wrapper carries aria-hidden="true" (see the console warning naming the focused button), yet its entire subtree — including the focusable links — is still exposed in the accessibility tree, because a focused element remains inside it.
Direct link to the article Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong
accessibility aria

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

The warning is correct. And the recommended fixes you've probably seen are wrong. Here's what you can do instead to properly fix the issue.
Image
Durgesh Rajubhai Pawar on Aug 12, 2026
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.
Image
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.
Image
Geoff Graham on Jun 12, 2026
Image
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.…

Image
Daniel Schwarz on Apr 29, 2026
Image
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.…

Image
Daniel Schwarz on Apr 8, 2026
Image
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.
Image
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?
Image
Kevin Hamer on Feb 11, 2026
Image
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.…

Image
Daniel Schwarz on Jan 30, 2026
Image
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).
Image
Zell Liew on Jan 26, 2026
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
  • 1
  • 2
  • 3
  • ...
  • 21
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Get Curated Front-End Roundups Right in Your Inbox

Coming back really, really soon! See past issues →

CSS-Tricks
  • About the site
  • Contact us
  • Write for CSS-Tricks!
  • Advertising
  • RSS Feeds
Social
  • Bluesky
  • Mastodon
  • CodePen
  • X / Twitter
  • LinkedIn
Legalese
  • CSS-Tricks License
  • AI Statement
Back to Top
Advertisement
Advertisement