SearchLanguageMobile menu

OGCIO

9.3 Level AA − WCAG 2.0 Success Criterion 1.4.3 − Contrast (Minimum)

Design text and images so that they have a contrast ratio of at least 4.5:1 between the background and the foreground to make it easy to read.

Before Rectification

A webpage sample with poor colour contrast between the text and background.

In this example, the white text on the pink background has poor contrast, making it hard to read.

After Rectification

A webpage sample with high colour contrast between the text and background.

When higher contrast text is used, the text is much easier to read. There are colour contrast checkers available online that can assist web developers to check the contrast of their webpages.

WCAG 2.0 Reference:

http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html