Comments on Easy Color Contrast Testing

8 Reader Comments

Back to the Post
  1. One small caveat: this only looks at CSS colors. If you have text over an actual image, you’ll need a further tool to analyze the contrast of text against image.

    Copy & paste the code below to embed this comment.
  2. Good article, unfortunately it is only applicable once we have built our page. Design decisions like this need to be made before the page is built. It’s a nice way to produce a consolidated report though!

    Copy & paste the code below to embed this comment.
  3. Vision Australia has an excellent colour contrast analyser for Windows at http://www.visionaustralia.org/digital-access-cca

    Copy & paste the code below to embed this comment.
  4. Using the Webaim colour checker I get a fail on #2e8aca against a white background for normal size text. However if I use that colour on :visited link text, the Chrome Developer Tool passes it. Am I right in thinking this is a minor bug on the dev tool. I couldn’t see any exclusion for link states.

    This article gives a good overview on how tricky it is to get the colours right for links.
    http://webaim.org/blog/wcag-2-0-and-link-colors/

    Copy & paste the code below to embed this comment.
  5. I have also install Accessibility Developer Tools its amazing Jenn Lukas your article “Easy Color Contrast Testing” is really informative for the designers.

    Copy & paste the code below to embed this comment.
  6. I’m was in the same boat. Using multiple sites and plugins in FireFox. Great article, now I can quickly check colors (and other accessibility hints/errors) all within Chrome. Thanks for the great article Jenn

    Copy & paste the code below to embed this comment.
  7. This is actually incredibly useful. I submit that user experience is the most important element to any website, and that includes color and design. I didn’t know developer tools could help with this. Very nice article.

    Copy & paste the code below to embed this comment.
  8. Sorry, commenting is closed on this article.