Vérificateur de contraste des couleurs (WCAG)
Vérifiez si la couleur du texte a un contraste suffisant avec le fond selon les règles d’accessibilité WCAG AA et AAA, avec aperçu en direct.
Mode d’emploiTester le contraste des couleurs
Exemple de grand texte
Exemple de texte normal : l’accessibilité aide tout le monde à mieux lire, sur n’importe quel écran.
Petit texte, comme les légendes et les pieds de page.
Disponible en: 
Vérificateur de contraste des couleurs (WCAG): à quoi ça sert
Choisissez la couleur du texte et celle du fond pour voir le rapport de contraste et s’il satisfait aux critères d’accessibilité WCAG pour le texte normal, le grand texte et les icônes. L’aperçu montre le rendu du texte en plusieurs tailles.
Accepte les couleurs en hexadécimal (#RRGGBB ou #RGB) et dispose d’un bouton pour inverser les couleurs.
Mode d’emploi
- Choisissez ou saisissez la couleur du texte.
- Choisissez la couleur du fond.
- Voyez le contraste et les niveaux AA et AAA.
Quand l’utiliser
- Valider les couleurs d’un site ou d’une application.
- Choisir la couleur des boutons et des liens.
- Corriger les alertes d’accessibilité de Lighthouse.
Questions fréquentes
Quel est le contraste minimal recommandé ?
Selon la WCAG niveau AA, le texte normal doit avoir au moins 4,5:1 et le grand texte (à partir de 24 px, ou 18,66 px en gras) 3:1. Au niveau AAA, les minimums passent à 7:1 et 4,5:1.
Pourquoi le contraste est-il important ?
Un texte peu contrasté est difficile à lire pour les personnes malvoyantes, daltoniennes ou qui utilisent leur téléphone au soleil. De plus, les outils de SEO et d’accessibilité signalent ce problème.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.