Vérificateur de Contraste de Couleur
Vérifiez les rapports de contraste de couleur pour la conformité WCAG 2.1. Validez les normes AA et AAA instantanément.
Qu'est-ce que le rapport de contraste WCAG ?
Le rapport de contraste WCAG mesure la différence de luminance entre les couleurs de premier plan et de fond. Il va de 1:1 à 21:1.
Quels sont les exigences WCAG AA et AAA ?
WCAG AA exige un minimum de 4.5:1 pour le texte normal et 3:1 pour le texte grand. AAA exige 7:1 et 4.5:1.
Qu'est-ce qui compte comme texte grand ?
Le texte grand est défini comme 18pt (24px) ou plus, ou 14pt (18.66px) gras ou plus.
Pourquoi le contraste de couleur est-il important ?
Un contraste approprié garantit la lisibilité pour les personnes ayant des déficiences visuelles et améliore la lisibilité pour tous.
Comment calculer le rapport de contraste ?
Il est calculé en utilisant les valeurs de luminance relative. La formule est (L1 + 0.05) / (L2 + 0.05).
Quel est le contraste minimum pour les éléments UI ?
WCAG exige un minimum de 3:1 pour les composants UI et objets graphiques.
Puis-je utiliser n'importe quelle combinaison de couleurs ?
Toutes les combinaisons ne respectent pas les standards d'accessibilité. Utilisez ce vérificateur pour valider.
Qu'est-ce que la luminance relative ?
C'est la luminosité perçue d'une couleur, de 0 (noir) à 1 (blanc). Calculée avec l'espace colorimétrique sRGB.
Dois-je vérifier le contraste des images ?
Le texte dans les images doit respecter les mêmes exigences. Pour les images décoratives, cela ne s'applique pas.
Quels outils aident pour le contraste ?
Utilisez les outils de développement du navigateur, plugins de design ou vérificateurs en ligne comme celui-ci.