W3C Standards Website

Ensure sufficient Colour Contrast

So why make sure you use sufficient Colour Contrast

Ensuring strong colour contrast makes web content more accessible, especially for users with visual impairments. Clear contrast between text and background improves readability, enhances the user experience, and supports compliance with accessibility standards and legal requirements.


Some other points include


Examples of Sufficient vs. Insufficient

Sufficient Contrast Example: Black text on a white background (WCAG AA compliant)

Insufficient Contrast Example: Light grey text on a white background (WCAG non-compliant)


Click the cards below to learn more about each point!

Use Clear Text

Use Headings Properly

Ensure Sufficient Colour Contrast

Don't Rely on Colours Alone

Provide Alt Text for Images

Make Links Descriptive

Ensure Keyboard Navigation Works

Use Forms Carefully

Provide Captions for Videos

Avoid Auto-Playing Audio or Video