Answers · Accessibility · As of 6 October 2026

How much contrast does text on a website need?

Q: How much contrast does text on a website need?

Normal text needs a contrast ratio of at least 4.5:1. For large text and for interactive elements, 3:1 is sufficient. Insufficient contrast is found on 83.9% of all homepages examined.

Short answerNormal text needs a contrast ratio of at least 4.5:1¹. For large text and for interactive elements, 3:1 is sufficient³. Insufficient contrast is found on 83.9% of all homepages examined⁴.

Where the value comes from

The ratio 4.5:1 is the minimum of the Web Content Accessibility Guidelines (WCAG), level AA¹. In WCAG 2.2, the criterion is unchanged compared with WCAG 2.1².

When 3:1 is sufficient

For text from 24 pixels and for controls that are necessary for understanding, 3:1 applies³. This includes borders of input fields and icons on buttons.

How common the error is

WebAIM checks one million homepages every year. In 2026, 83.9% of them had text with insufficient contrast, the year before 79.1%⁴.

Where the error is usually found

Light grey text on white, placeholders in forms, text on photos and light buttons. A machine finds these spots reliably, because the contrast can be calculated.

More detail (in German): WCAG 2.2: the checkpoints

Sources

web.dev: Color and contrast accessibility: web.dev
GOV.UK Design System: Colour: design-system.service.gov.uk
Atlassian Design System: Color: atlassian.design
WebAIM: The WebAIM Million: webaim.org

Every figure on this page comes from the source named next to it and was read on the date shown above. Figures from studies describe the sample examined; they are no promise for an individual case.