WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Any Illustrator Plugins for Checking Contrast?

for

Number of posts in this thread: 3 (In chronological order)

From: Becky Reed
Date: Mon, Dec 13 2010 2:39PM
Subject: Any Illustrator Plugins for Checking Contrast?
No previous message | Next message →

Good Day List!

I was curious if anyone had ever seen any sort of illustrator or photoshop plugin for visual designs to easily check contrast? I certainly saw Webaim's very nice checker, but I was wondering if anyone had seen something automatic/programmatic for visual designers that works in their native design environment (such as illustrator).

Thanks

Becky Reed
Interaction Design Manager
Healthwise

From: Bevi Chagnon | PubCom
Date: Mon, Dec 13 2010 6:36PM
Subject: Re: Any Illustrator Plugins for Checking Contrast?
← Previous message | Next message →

A quick check can be done by converting the graphic to gray scale to
desaturate the colors.

In Illustrator, Edit > Edit Colors > Convert to Gray scale.
In Photoshop, Image > Mode > Gray scale.

It's not a perfect test, but if there isn't enough contrast when the graphic
is in gray scale, there probably isn't enough when it's in color, either.

--Bevi Chagnon

: : : : : : : : : : : : : : : : : : :
: : : : : : : : : : : : :
Bevi Chagnon | PubCom | = EMAIL ADDRESS REMOVED = | 301-585-8805
Government publishing specialists, trainers, consultants | print, press,
web, Acrobat PDF & 508
Online at the blog: It's 2010. Where's your career heading?
www.pubcom.com/newsletter

From: Andrew Kirkpatrick
Date: Mon, Dec 13 2010 8:21PM
Subject: Re: Any Illustrator Plugins for Checking Contrast?
← Previous message | No next message

Adobe Illustrator has support for testing color contrast built in, so unless it doesn't do what you need you won't need a plugin. In Illustrator's view menu, select "proof setup" and then choose the Protanopia or Deuteranopia filters to view the effect.

Thanks,
AWK

Andrew Kirkpatrick
Group Product Manager, Accessibility
Adobe Systems

= EMAIL ADDRESS REMOVED =
http://twitter.com/awkawk
http://blogs.adobe.com/accessibility