E-mail List Archives
Thread: Chrome Color Contrast Analyzer
Number of posts in this thread: 5 (In chronological order)
From: Joseph Sherman
Date: Thu, Aug 25 2016 1:35PM
Subject: Chrome Color Contrast Analyzer
No previous message | Next message →
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
>
From: Dominic Capuano (gmail)
Date: Fri, Aug 26 2016 1:37PM
Subject: Re: Chrome Color Contrast Analyzer
← Previous message | Next message →
Alan;
Case 1: Fail
Case 2: Fail
Case 3: Fail
Case 4: Pass
Case 5: Fail
When I have decided if something passes or fails after applying the heat map
I usually ask myself "Does what I see still resemble letters?" Except for #4
your examples do not.
I hope this helps.
Dominic Capuano
= EMAIL ADDRESS REMOVED =
(h)(401) 726-2551
From: Lovely, Brian (CONT)
Date: Fri, Aug 26 2016 1:52PM
Subject: Re: Chrome Color Contrast Analyzer
← Previous message | Next message →
What the heck do they look like "in the field"? I assume they don't look like those heat maps.
From: Dominic Capuano
Date: Fri, Aug 26 2016 3:05PM
Subject: Re: Chrome Color Contrast Analyzer
← Previous message | Next message →
Brian;
No, the heat maps are the output of the analysis.
Dominic
On Aug 26, 2016 3:52 PM, "Lovely, Brian (CONT)" < = EMAIL ADDRESS REMOVED = >
wrote:
> What the heck do they look like "in the field"? I assume they don't look
> like those heat maps.
>
>
From: Beranek, Nicholas
Date: Mon, Aug 29 2016 8:42AM
Subject: Re: Chrome Color Contrast Analyzer
← Previous message | No next message
The tool adds a white stroke around the letters and applies a dark overlay. Since the output is not a true representation of the foreground and background, we cannot determine its color contrast ratio.