Vérifiez le contraste
de vos couleurs.
Calculez le ratio de contraste entre un texte et son arrière-plan, puis vérifiez les seuils d’accessibilité WCAG AA et AAA.
Choisissez deux couleurs
Texte normal · aperçu
Comment tester l’accessibilité des couleurs ?
- Choisissez la couleur du texte et celle de l’arrière-plan avec les sélecteurs ou les codes hexadécimaux.
- Sélectionnez « Texte normal » ou « Grand texte » selon la taille réelle dans votre interface.
- Consultez le ratio et les indicateurs WCAG AA/AAA, puis ajustez les couleurs si nécessaire.
Que signifie un ratio de contraste de 4,5:1 ?
Il exprime l’écart de luminance entre deux couleurs. Un ratio plus élevé améliore généralement la lisibilité du texte et satisfait davantage de critères d’accessibilité.
Le résultat garantit-il l’accessibilité d’une page ?
Non. Le contraste est un élément de l’accessibilité ; la navigation clavier, les libellés, la structure et les états interactifs comptent aussi.