WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Recommend efficient color contrast checker

for

From: McMorland, Gabriel
Date: Jun 18, 2013 12:08PM

Fantastic! This is verty helpful.

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Jared Smith
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