Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
high-contrast

5 Articles
{
,

}
Direct link to the article Quick Tips for High Contrast Mode
accessibility focus high-contrast

Quick Tips for High Contrast Mode

Direct Link

Sarah Higley has some CSS tricks up her sleeve for dealing with High Contrast Mode on Windows, which I learned is referred to as WHCM.

Here’s the first trick:

[…] if the default CSS outline property doesn’t give you the

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jun 26, 2020
Direct link to the article The Contrast Triangle
accessibility high-contrast links text underlines

The Contrast Triangle

Direct Link

Chip Cullen:

Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make

…
Avatar of Chris Coyier
Shared by Chris Coyier on Apr 20, 2020
Direct link to the article Programming Sass to Create Accessible Color Combinations
accessibility accessibility color high-contrast

Programming Sass to Create Accessible Color Combinations

We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.
Avatar of Jason Hogue
Jason Hogue on Mar 12, 2020
Direct link to the article Understanding Web Accessibility Color Contrast Guidelines and Ratios
accessibility accessibility color high-contrast

Understanding Web Accessibility Color Contrast Guidelines and Ratios

What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read content throughout the site, but to someone else, it might be …

Avatar of Stacie Arellano
Stacie Arellano on Feb 19, 2020 (Updated on Mar 4, 2020)
accessibility high-contrast SVG

Accessible SVGs in High Contrast Mode

Making your SVG accessible includes adding extra steps to your workflow, but is well-worth it. By embracing clean, semantic markup and taking advantage of some of the less well-known features of CSS, you can create easily maintainable solutions that include …

Avatar of Eric Bailey
Eric Bailey on Sep 22, 2016 (Updated on Jun 21, 2017)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top