Links in text are recognisable only by colour

Message shown by axe and Lighthouse: Links must be distinguishable without relying on color · link-in-text-block · WCAG 1.4.1

What it means and why it matters

People who can't distinguish colours don't see these links (WCAG 1.4.1).

How to fix it

Underline links in running text or give them a 3:1 contrast to the surrounding text plus a non-colour hover/focus cue.

Code example

Before

<p>Read our <a href="/returns" style="color:#1a73e8;text-decoration:none">return policy</a>.</p>

After

<p>Read our <a href="/returns" style="text-decoration:underline">return policy</a>.</p>

All accessibility errors