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
- Download the colour contrast analyser.
- 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.
- Check that the ratio meets the WCAG requirements above.
Example
The NSW Government |
The NSW Government |
---|---|
✅ Pass |
❌ Fail |
Last updated