跳至主要內容
What's New

9.5 WCAG 2.2 Success Criterion 1.4.3 - Contrast (Minimum)

Design text and images so that they have a contrast ratio of at least 4.5:1 between the background and the foreground to make it easy to read. Logotypes are excluded in this case.

Before Rectification

A webpage sample with poor colour contrast between the text and background.

The white text on the pink background has poor colour contrast (2.7:1), making it hard to read.

After Rectification

A webpage sample with high colour contrast between the text and background.

When greater colour contrast text (12.6:1) is used, the text is much easier to read. There are colour contrast checkers available online that can assist web developers to check the contrast of their webpages.

WCAG 2.2 Reference:

https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum