Ancestors

Toot

Written by Jeff Lange on 2025-01-08 at 20:10

Making the web more accessible is one of my favorite things to do. With the upcoming accessibility requirements coming in April 2026, I found that the online tools for checking color contrast were underwhelming. Sure, there are tools to check one color with one background, but most companies with established brands have way more than that. My work, for example has 14 defined brand colors. Good luck checking all of the combinations you use with the existing tools. 1/2 #wcag #accessibility

=> More informations about this toot | More toots from jefftml@toot.io

Descendants

Written by Jeff Lange on 2025-01-08 at 20:11

14 colors would have 182 total combinations (14*14=196-14 for the red over red results, for example).

So I decided I'd start working on my own color contrast checker for multiple colors. The work is still underway, and I'm launching this publicly once I finish my usability testing, but the people I've shown this to LOVE IT. In the meantime, here's a preview of what I'm working on. 2/2 #wcag #accessibility

=> View attached media

=> More informations about this toot | More toots from jefftml@toot.io

Written by Curtis Wilcox on 2025-01-09 at 04:11

@jefftml

There are a number of tools for checking the contrast of many colors, here are two:

https://contrastgrid.com/

https://contrast-grid.eightshapes.com/

But different tools can have different appealing qualities, the more the merrier!

=> More informations about this toot | More toots from cwilcox808@c.im

Written by Jeff Lange on 2025-01-09 at 07:05

@cwilcox808 I hadn’t found those, thanks for sharing! Hopefully I can add some value here with my code.

=> More informations about this toot | More toots from jefftml@toot.io