13 · Contrast and Colour Check

Web 2.0 Services

It is important for everyone to have an enjoyable experience when reading web sites and content should have good levels of colour contrast and no distracting elements. Symbols and other items that are important for navigation can be provided in various colours, but should have other obvious differences to help those with colour deficiencies (colour blindness).


This test has 4 possible outcomes.

0% Poor contrast making critical text difficult to read OR colour used as the sole conveyance of information.
33% Generally adequate contrast, some non-critical text difficult to read and some symbols have poor colour differentiation.
67% Site colour contrast and colour differentiation adequate but some non-critical text in bizarre fonts or not comfortable to read.
100% Site contrast is acceptable with good colour differentiation and symbols have different shapes.


The results of this test are taken into account when calculating accessibility scores for the following disabilities.


The following technique may come in handy when running this test.


This test aims to provide coverage of the following section of best practice.

Document Section Heading
WCAG 2.0 1.4 Make it easier for users to see and hear content… More Info