Langue: FR

Texte avec un contraste insuffisant

Message affiché par axe et Lighthouse: Les éléments doivent avoir un contraste de couleurs suffisant · color-contrast · WCAG 1.4.3

Ce que cela signifie et pourquoi c’est important

Les personnes malvoyantes, ou en plein soleil, ne peuvent pas lire un texte peu contrasté. WCAG 1.4.3 exige 4,5:1 pour le texte normal et 3:1 pour le grand texte.

Comment corriger

Foncez le texte ou éclaircissez le fond jusqu’à au moins 4,5:1. Points typiques : boutons, textes indicatifs, prix, liens du pied de page.

Exemple de code

Avant

<p style="color:#9a9a9a; background:#ffffff">Free delivery from €49</p>  <!-- 2.8:1 -->

Après

<p style="color:#595959; background:#ffffff">Free delivery from €49</p>  <!-- 7.0:1 -->

Trouvez cette erreur sur votre site

Testez gratuitement n’importe quelle page — résultat en quelques secondes, avec les corrections.

Tester une page gratuitement

Toutes les erreurs d’accessibilité

Commander une offre payante

Laissez votre e-mail : nous vous contacterons dès que l’offre pourra être commandée.