WebAIM - Web Accessibility In Mind

E-mail List Archives

Chrome Color Contrast Analyzer

for

From: Joseph Sherman
Date: Aug 25, 2016 1:35PM

I like two tools: For web pages I like the color checker in html CodeSniffer<http://squizlabs.github.io/HTML_CodeSniffer/>;, largely because it gives suggestions for text or background color that will meet the spec.

For checking individual elements I like the color contrast analyzer<http://www.paciellogroup.com/resources/contrast-analyser.html>; since you can select the pixels to compare.



Among others, there's also the WCAG color contrast add-in for FireFox, Juicy Studio Toolbar, and (un)clrd for Chrome which shows the page in black and white.



Joseph





> -----Original Message-----

> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ]

> On Behalf Of Alan Zaitchik

> Sent: Sunday, August 21, 2016 12:01 AM

> To: <EMAIL REMOVED>

> Subject: [WebAIM] Chrome Color Contrast Analyzer

>

> I was told that the Chrome Color Contrast Analyzer is the best way to tell if

> there is sufficient color contrast between text and background color because

> it actually works off the resolved images that the user will see. But I am not

> always sure whether the heat map generated indicates a pass or a failure. It's

> not exactly a binary "legible" or "illegible" that often results.

> Can someone help by taking a look at the samples I've arranged at

> http://52.10.42.88/test/index.html ? Would you consider these passes or

> failures? I am deliberately not sharing the original html pages since that

> would influence your ability to comprehend what you see in these heat

> maps.

> If there are other tools as easy to use as this one but which give results easier

> to interpret as passes or failures, I'm eager to hear what they are.

> Thanks,

> A

>

>

> Alan Zaitchik | Senior Technologist / Senior Associate

>

> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> <mailto: <EMAIL REMOVED> %3cmailto: <EMAIL REMOVED> >>

>

>
> > http://webaim.org/discussion/archives

>