Odkazy rozpoznatelné jen barvou

Hlášení v axe a Lighthouse: Links must be distinguishable without relying on color · link-in-text-block · WCAG 1.4.1

Co to znamená a proč na tom záleží

Lidé, kteří špatně rozlišují barvy, tyto odkazy neuvidí (WCAG 1.4.1).

Jak opravit

Odkazy v textu podtrhněte, nebo jim dejte kontrast 3:1 vůči okolnímu textu a nebarevné zvýraznění při najetí a fokusu.

Příklad kódu

Před

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

Po

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

Všechny chyby přístupnosti