What if color is the only way to differentiate links from normal text?

Question

What should I do if color is used to differentiate links from normal text?

Answer

If color is the only way to determine that some text is a link (no underline) and it doesn't meet a 3:1 contrast ratio against the surrounding text, update the color used to ensure the link color meets a 3:1 ratio against the surrounding text. Otherwise, use an additional method to convey meaning that does not rely on color. This can be accomplished in a variety of ways, a common method being underlining the component.

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.