1. Colour contrast

Is the colour contrast ratio of all text against the background colour as follows? 

Regular text:

  • Text with a normal font weight that is 24px or less in size should have a contrast ratio of at least 4.5:1 against the background colour.
  • Text that is bold and less than 18.5px in size should have a contrast ratio of at least 4.5:1 against the background colour.

Large text:

  • Text with a normal weight that is 24px or larger should have a contrast ratio of at least 3:1 against the background colour.
  • Text that is bold and 18.5px or larger should have a contrast ratio of at least 3:1 against the background colour.

Reference: Understanding Success Criterion 1.4.3: Contrast

How to test

  1. Download the colour contrast analyser.
  2. Use the eyedropper or manually enter the text colour (e.g. a hex or RGB code) and the background colour into the colour contrast analyser.
  3. Check that the ratio meets the WCAG requirements above.

Example

The NSW Government

The NSW Government

✅ Pass

❌ Fail

 

Last updated