Liens reconnaissables seulement à la couleur

Message affiché par axe et Lighthouse: Les liens doivent pouvoir être distingués du texte environnant d’une façon qui ne repose pas sur la couleur · link-in-text-block · WCAG 1.4.1

Ce que cela signifie et pourquoi c’est important

Les personnes qui distinguent mal les couleurs ne voient pas ces liens (WCAG 1.4.1).

Comment corriger

Soulignez les liens dans le texte, ou donnez-leur un contraste de 3:1 avec le texte autour plus un indice non coloré au survol et au focus.

Exemple de code

Avant

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

Après

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

Toutes les erreurs d’accessibilité