When can text links have 3:1 color contrast?

Question

Some sites say link text color contrast should be 4.5:1, and some sites say link text color contrast should be 3:1. When is 3:1 color contrast sufficient for link text?

Answer

For text links, WCAG requires different color contrast minimums depending on font size and weight.

For WCAG 2.1 AA conformance, large text (18 point or higher) or bold text (that is also size 14 point or higher) must reach at least 3:1 contrast with the background. Text below these size and weight values must reach at least 4.5:1 contrast with the background.

If you are aiming for a higher conformance level, WCAG 2.1 AAA requires that large text reach at least 4.5:1 contrast, and normal text reach at least 7:1 contrast.

While these are WCAG's minimum requirements, going beyond the minimum will help make your links more readable and improve the overall experience for many users.

For additional support, review your color combinations with the WCAG Color Contrast Checker from Accessible Web.

Free Tools to Continue Learning

Accessible Web Company Logo

Accessible Web RAMP

Monitor your website and manage your progress towards WCAG conformance.

Accessible Web Company Logo

Accessible Web Academy

Career specific courses to help power up your accessibility knowledge.