Skip to content

Menu

Contrast and colour

2 checks, 3 guides, 3 comparisons

Text and control contrast, colour that carries meaning, and how to measure a ratio.

Line drawing of colour swatches on a desk under a magnifier, one swatch ringed in orange — Fig. 1Swatches compared under a magnifier, because a contrast ratio is measured between two colours and never judged by eye

Checks

Contrast check

Two colours in, the WCAG contrast ratio out, with AA and AAA words for text and controls.

1.4.3 Contrast (Minimum)

Accessible colour palette check

Every pair of your brand colours checked at once, with the nearest shade that passes.

1.4.11 Non-text Contrast

Guides

Comparisons

Website accessibility software for small businessScanning and monitoring platforms, not widgets, judged on what a scan can and cannot catch.
Siteimprove alternativesMonitoring platforms a smaller site can use instead of an enterprise suite.
Accessibility testing tools comparedCheckers you run page by page, judged on rules mapped to WCAG and what they leave to a person.