Topic collection

Accessibility

Create more inclusive website journeys across content, interaction, contrast, keyboard use and assistive technology.

guide · 6 min read

How to Use the Colour Contrast Checker

Prepare reliable inputs, understand the Colour Contrast Checker output and review its limitations before applying the result.

A useful route through this topic

Guides and comparisons

1 resources

Prepare reliable inputs, understand the Colour Contrast Checker output and review its limitations before applying the result.

Free tools

1 tools

Calculate the WCAG contrast ratio between two colours and check normal and large-text AA thresholds.

Continue exploring