Module 1: Checkpoint 8—Font colour contrast

The colour contrast on all text must have a contrast ratio to the background of at least 4.5:1.

Refer to Module 2: Screen layout, Checkpoint 20 for font colour requirements for main content.

• Increases readability.
• Dark coloured fonts on white or light coloured backgrounds enhances readability.

• Lower colour contrast can make text unreadable.
• Light fonts on dark backgrounds reduce readability.

Explanation

Heading 1 text may have a colour contrast of 3:1 or greater. Refer to Module 2 – Screen layout, Checkpoint 18 – Page title.

Examples

Correct implementation: colour contrast is 15.1:1

Incorrect implementation: colour contrast is 1.3:1.