WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: color contrast on 60pt logo letters

for

From: Kohn, Robbie
Date: Mar 29, 2013 6:56AM


There is a nice Firefox extension available for Juicy Studio that checks for text size/color and up to WCAG 2.0 AAA

https://addons.mozilla.org/en-US/firefox/user/gez-lemon/?src=api

Download the extension to your desktop and then drag/drop onto Firefox and restart Firefox.



Robbie Ann Kohn
CGI
Senior Consultant/Accessibility & Usability
E: <EMAIL REMOVED>

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of David Ashleydale
Sent: Thursday, March 28, 2013 6:48 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] color contrast on 60pt logo letters

Hi Angela,

It's an interesting thought: since the current color contrast standard in WCAG has different targets based on a certain font size threshold, could a higher threshold be created with less stringent contrast requirements? The guideline says 18 points and higher, but it does seem like the requirement would be a little eased for 60 point text. I know there was some experimentation and math that went into deciding on the 18 points threshold, and the decision that it should be 4.5:1 below that font size and 3:1 above it. I guess the same process could be done for other font sizes. I don't recall seeing that anyone's done it, though.

David


On Thu, Mar 28, 2013 at 3:15 PM, Angela French < <EMAIL REMOVED> > wrote:

> I've created a logo in Photoshop that uses 60pt bold block san-serif
> font that is orange on a white background. The color contrast checker
> at http://snook.ca/technical/colour_contrast/colour.html says that
> this fails but shows the failure for 18pt body copy. Does anyone know
> of a checker I might use that would take into account such large
> letters? The color is a gradient that runs from dark to light : efa544 to ffcd18.
>
> Thank you for any advice.
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED>
> http://www.checkoutacollege.com/
>
> > > list messages to <EMAIL REMOVED>
>