Communities and Justice

Create good contrast

All information needs good contrast to be easily read. Depending on the size of your information, you may need to use colours with a higher contrast ratio to ensure it can be read by everyone.

For example, a heading in large blue font on a white background will be easy to read. 

The heading in blue has a tick next to it indicating it has sufficient contrast.

A paragraph (with smaller size font) in the same colour will not be as easy to read. You should choose a colour with a higher contrast ratio, e.g. black font on a white background to make it easier to read. 

The paragraph in black has a tick showing it has good contrast, but the paragraph in blue has a cross because it does not have enough contrast to be read.

The standards for contrast are set out in the Web Content Accessibility Guidelines.

You can check the contrast of your work using tools like the Colour Contrast Analyser.

Last updated: