Linki rozpoznawalne tylko po kolorze

Komunikat w axe i Lighthouse: Łącza muszą być odróżnialne od sąsiadującego tekstu w sposób, który nie opiera się na kolorze. · link-in-text-block · WCAG 1.4.1

Co to oznacza i dlaczego jest ważne

Osoby, które słabo rozróżniają kolory, nie zobaczą tych linków (WCAG 1.4.1).

Jak naprawić

Podkreślaj linki w tekście albo zapewnij im kontrast 3:1 względem otaczającego tekstu oraz niekolorowy sygnał przy najechaniu i fokusie.

Przykład kodu

Przed

<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>

Wszystkie błędy dostępności