WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Recommend efficient color contrast checker

for

From: Carol Foster
Date: Jun 18, 2013 12:10PM

Is there an easy way to use ColorZilla to identify small bits of color, such
as text?

Thanks,
Carol

-----Original Message-----
From: Jared Smith [mailto: <EMAIL REMOVED> ]
Sent: Tuesday, June 18, 2013 1:36 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Recommend efficient color contrast checker

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