Links im Fließtext nur an der Farbe erkennbar

Meldung in axe und Lighthouse: Links müssen vom umgebenden Text auf eine Weise unterschieden werden können, die nicht allein auf Farbe beruht. · link-in-text-block · WCAG 1.4.1

Was das bedeutet und warum es wichtig ist

Menschen, die Farben schlecht unterscheiden, erkennen diese Links nicht (WCAG 1.4.1).

So beheben Sie es

Links im Fließtext unterstreichen oder 3:1-Kontrast zum Umgebungstext plus nicht-farbliche Hover-/Fokus-Markierung.

Code-Beispiel

Vorher

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

Nachher

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

Alle Barrierefreiheits-Fehler