Link: CheckMyColours.com

Written by Alexander • on March 31, 2010

Note

Please note that this is an archived post, so links, code and the communicated message might be outdated. YMMV

After reading the article Contrast is king at A List Apart, I checked out one of the tools that was mentioned: CheckMyColours.com. It's pretty nifty and will help you deal with your sites accessibility. Got any other nice tools for accessibility? Please suggest one or two in the comments!

What is CheckMyColours?

It is a tool for checking foreground and background colour combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having colour deficits.

All the tests are based on the algorithms suggested by the World Wide Web Consortium (W3C).

About the author

Hi! My name is Alexander, and I am a creative frontender, specializing in UX, accessibility, universal design, frontend-architecture, node and design systems. I am passionate with open source projects and love to dabble with new emerging technologies related to frontend. With over 24 years of frontend experience, I have earned the right to be called a veteran. I am a lover of life, technologist at heart. If I am not coding, I am cooking and I love whisky and cigars. Oh, and coffee, I LOVE coffee!

If you want to know more about me, here is some links you might want to check out: GitHub, Instagram, Twitter, LinkedIn, CodePen, Slides.com, npm,

Speaker

I am also an avid speaker on several topics! Check out some of the things I speak about, and contact me if you are interested in having me at your next event!