Color Contrast Tools

Notes on the visual redesign process

Color Contrast Tools

Postby rcrisler1 » Tue Aug 12, 2008 12:56 pm

The best resource I've found for analyzing color contrast to WCAG standards is at the Juicystudio website.

There's a Firefox extension for analyzing color contrast in a design, though it's considered beta, and you'll need to register with Mozilla before installing it. It can't do much to test color contrast over images, so you'll need to consider that issue separately in your design. In case you're wondering, we are targeting a pass at the Triple-A conformance level. That's the goal; it may be difficult in practice in all situations.

http://juicystudio.com/services/colourcontrast.php

http://juicystudio.com/article/colour-c ... ension.php
____


Robert J Crisler
Manager, Internet and Interactive Media
University Communications
321 Canfield Administration Building
University of Nebraska-Lincoln
402-472-9878
rcrisler1
Site Admin
 
Posts: 153
Joined: Wed May 12, 2004 12:20 pm
Location: Lincoln

Postby smeranda » Mon Nov 01, 2010 9:25 pm

Here's another tool that will check an entire page:

http://www.checkmycolours.com/
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Re: Color Contrast Tools

Postby smeranda » Tue May 17, 2011 11:45 am

And, here's yet another tool for checking contrast. It works much more interactively than the previous mentioned when in the process of creating color contrast:
http://snook.ca/technical/colour_contrast/colour.html
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications


Return to Visual Redesign

Who is online

Users browsing this forum: No registered users and 2 guests

cron