Links alleen herkenbaar aan kleur

Melding in axe en Lighthouse: Links must be distinguishable without relying on color · link-in-text-block · WCAG 1.4.1

Wat het betekent en waarom het belangrijk is

Mensen die kleuren slecht onderscheiden, zien deze links niet (WCAG 1.4.1).

Zo los je het op

Onderstreep links in lopende tekst, of geef ze 3:1 contrast met de omringende tekst plus een niet-kleurgebonden hover-/focusaanwijzing.

Codevoorbeeld

Voor

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

Na

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

Alle toegankelijkheidsfouten