Support Contrast Analyser development
Support has been provided in part by the National Institute on Disability and Rehabilitation Research via the Trace Center under grant # H133E030012
What is the Contrast Analyser?
It is primarily a tool for checking foreground & background colour combinations to determine if they provide good colour visibility. It also contains functionality to create simulations of certain visual conditions such as colour blindness.
Note:The contrast ratio is now a W3C recommendation (December 2008), to help determine whether or not the contrast between two colours can be read by people with colour blindness or other visual impairments.
Measure the relative luminance of each letter (unless they are all uniform) using the formula:
L = 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:
- if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4
- if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4
- if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4
- and RsRGB, GsRGB, and BsRGB are defined as:
- RsRGB = R8bit/255
- GsRGB = G8bit/255
- BsRGB = B8bit/255
The "^" character is the exponentiation operator.
Note: For aliased letters, use the relative luminance value found two pixels in from the edge of the letter.
The Contrast Analyser (CA) is useful to help determine, in particular, the legibility of text on a web page and the legibility of image based representations of text.
Guideline 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background. WCAG 2.0
Guideline 1.4.3: Contrast (Minimum)- WCAG 2 The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:
- Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
- Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
- Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement. (Level AA)
Guideline 1.4.6: Contrast (Enhanced) - WCAG 2 The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: (Level AAA)
- Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;
- Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.
Using the CCA
The main differences are:
- The implementation of the updated contrast ratio algorithm
- The interface now has options to show and hide, the colour sliders, and result details.
- the colour picker sample size can be modified from 1 pixel to 8 x 8 pixels
The Contrast Analyser 2.2a is Freeware.
You may use the Contrast Analyser 2.2a Software (the "Software") for your personal or commercial use to help you determine the accessibility of your Web content.
THIS SOFTWARE IS BEING PROVIDED "AS IS", WITHOUT ANY EXPRESS OR IMPLIED WARRANTY. IN PARTICULAR, THE WEB ACCESSIBILITY TOOLS CONSORTIUM (WAT-C) DOES NOT MAKE ANY REPRESENTATION ORWARRANTY OF ANY KIND CONCERNING THE RELIABILITY, QUALITY, OR MERCHANTABILITY OF THIS SOFTWARE OR ITS FITNESS FOR ANY PARTICULAR PURPOSE. ADDITIONALLY, WAT-C DOES NOT GUARANTEE THAT USE OF THIS SOFTWAREWILL ENSURE THE ACCESSIBILITY OF YOUR WEB CONTENT OR THAT YOUR WEB CONTENT WILL COMPLY WITH ANY SPECIFIC WEB ACCESSIBILITY STANDARD.
We value all feedback received. Please contact us about any functionality that may not work or other suggestions for improvement by emailing email@example.com.
This work is licenced under a Creative Commons Licence
- Tested on Windows 2000, XP and Vista
For anybody interested in providing a translation the translation file can be downloaded. Please contact firstname.lastname@example.org if you have any questions about the translations for the Windows version, otherwise send Steve the completed files so they can be added to the installation.
- English version: Updated Contrast Analyser 2.2a (ZIP, 663KB)
- Hindi version: New! Contrast Analyser 2.2 Hindi version (zip 502 KB)
- Chinese (traditional) version: Updated Contrast Analyser (Traditonal Chinese) version (zip, 367 kb)
- Versione italiana: Updated Contrast Analyser - Versione 2.2
- Version Française: Updated téléchargement version française (ZIP, 363KB)
- Versión española: el Analizador de Color 2.2
- Czech version Updated Analyzér kontrastu barev verze 2.2
- deutsche Version: Updated Farbe Kontrast-Analysator 2.2
- Kleur Contrast analysator 2.2 Nederlandse versie nu beschikbaar
Download, unzip and place the CA folder where you like. Use the application by activating the ContrastAnalyser.exe file.
Contrast Analyser for Apple Mac: download and installation instructions
A Mac version of the Contrast Analyser has been developed by Cédric Trévisan (TPG). The interface is similar to the windows version.
Note: at this stage the CCA Mac does not have the image simulation features found in the windows version.
OSX v1.6 (Snow Leopard), v10.7 (Lion)
Download the CCA 1.5.11 for MAC (1.5 mb .dmg file) - English, French, German, Italian, Dutch, Russian, Swedish and Tradional Chinese, Universal Binary.
OSX v10.8 (Mountain Lion)
Download the CCA 1.5.12 for MAC (1.2 mb .dmg file) - English, French, German, Italian, Dutch, Russian, Swedish and Tradional Chinese, Universal Binary.
Download the GitHub sources
System Requirements: Mac OS X 10.4.6 or later.
For anybody interested in providing a translation the translation kit can be downloaded. Please contact Cédric Trévisan if you have any questions about the translations for the MAC version, otherwise send Cedric the completed files so they can be added to the installation.
The Contrast Analyser was developed by JUn of the Web Accessibility Tools Consortium (wat-c) in collaboration with Steve Faulkner of TPG (Europe) and wat-c.
MAC version developed by Cedric Trevisan of TPG (Europe) and wat-c.
To provide feedback on the Contrast Analyser
Email Steve Faulkner [email@example.com]