WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Recommend efficient color contrast checker

for

From: Jared Smith
Date: Jun 18, 2013 11:35AM

Checking contrast for text in or on images is inherently difficult to do in
an automated process - it's difficult to identify the image colors
automatically, let alone know which of the image colors you want to test
(not to mention complexities like gradients, transparency, etc.). In
general, there will need to be some human component to this. There are,
however, some tools to make this process easier. I highly recommend
Colorzilla add-ons for Firefox or Chrome (http://www.colorzilla.com/). You
can easily activate the tool, click on a location within an image, and
Colorzilla will copy the RGB value of the point you have clicked to the
clipboard, so you can then paste it into tools like the WebAIM contrast
checker. I'm looking into adding a similar tool into WAVE so you can check
image contrast right within the evaluation tool.

Jared Smith
WebAIM.org