Skip to content

Rule · Accessibility

Links in text are distinguished only by color

a11y/link-in-text-blockwarnvoid a11yupdated

Why it matters

If links inside a paragraph differ from the text only by color, people with low vision or color blindness cannot find them (WCAG 1.4.1).

How to fix it

Underline inline links, or add another non-color cue such as weight plus a 3:1 contrast difference with the surrounding text.

Example

ts
p a { text-decoration: underline; text-underline-offset: 0.2em; }

References

void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.