Vérificateur de contraste WCAG

Vérificateur de contraste WCAG

Vérifiez les rapports de contraste des couleurs pour la conformité à l'accessibilité du Web. Vérifiez que vos combinaisons de couleurs de texte et d'arrière-plan respectent les normes WCAG AA et AAA pour garantir que votre contenu est lisible par tous les utilisateurs, y compris ceux qui ont des déficiences visuelles.

Comment utiliser

Entrez une couleur de premier plan (texte) et une couleur d'arrière-plan en utilisant les sélecteurs de couleur ou en tapant des valeurs HEX/RGB. L'outil calcule instantanément le rapport de contraste et indique si votre combinaison respecte les normes WCAG AA et AAA pour le texte normal et grand. Utilisez le bouton d'inversion pour inverser rapidement les couleurs.

Caractéristiques

• Aperçu en direct – Voyez à quoi ressemble votre texte sur l'arrière-plan en temps réel
• Conformité WCAG AA et AAA – Badges de réussite/échec pour le texte normal et grand aux deux niveaux
• Affichage du rapport de contraste – Calcul précis du rapport (par exemple, 4.5:1)
• Formats d'entrée multiples – Entrez les couleurs en HEX, RGB, ou utilisez le sélecteur de couleur
• Inverser les couleurs – Inversez rapidement le premier plan et l'arrière-plan en un clic
• Suggestions d'amélioration – Obtenez des recommandations lorsque vos couleurs ne respectent pas la conformité
• Tailles d'échantillons de texte – Aperçu aux tailles normale (16px) et grande (18px gras / 24px)