Réponse directe
Le vérificateur de contraste calcule le ratio de luminance relative entre deux couleurs selon les recommandations d'accessibilité WCAG 2.2 et valide la conformité pour les niveaux AA et AAA.
Comment utiliser cet outil
Indiquer les couleurs de texte et de fond
Saisissez les codes HEX, RGB ou HSL ou utilisez les sélecteurs de couleur interactifs.
Consulter le ratio de contraste
Examinez le ratio de luminance calculé (ex. 4,5:1) et les statuts de validation pour texte standard, grand texte et composants d'interface.
Appliquer la correction intelligente
En cas de non-conformité, utilisez le bouton d'ajustement automatique pour corriger la luminosité au seuil exact requis.
Formule du ratio de luminance relative selon WCAG 2.2
L1 désigne la luminance relative de la couleur la plus claire et L2 celle de la plus sombre dans l'espace colorimétrique sRGB. Les valeurs s'étendent de 1:1 (contraste nul) à 21:1 (noir sur blanc maximal). Le niveau AA exige 4,5:1 pour le texte courant et le niveau AAA exige 7:1.
- Niveau AA pour texte courant : ratio minimal de 4,5:1 ; pour le grand texte (au moins 18pt ou 14pt gras), le seuil est de 3:1.
- Niveau AAA : niveau d'accessibilité supérieur exigeant 7:1 pour le texte normal et 4,5:1 pour le grand texte.
- Composants d'interface graphique et boutons : ratio minimal requis de 3:1 selon le critère 1.4.11 de WCAG 2.2.
Exemples pratiques
Texte gris foncé sur fond blanc
Entrée : Couleur texte : #767676, Couleur fond : #FFFFFF
Sortie : Ratio de contraste : 4,54:1 (Conforme niveau AA pour texte normal, non conforme niveau AAA)
Représente le seuil minimal exact permettant à un texte gris d'être légalement accessible sur fond blanc.
Limites
- Le calcul évalue des teintes unies ; pour des textes placés sur des photographies ou des dégradés, chaque zone d'arrière-plan doit être mesurée au point le plus défavorable.
- L'éclairage ambiant et les reflets sur l'écran peuvent altérer la perception réelle du contraste par l'utilisateur final.
Questions fréquentes
Pourquoi les normes WCAG 2.2 imposent-elles des seuils de contraste stricts ?
Un contraste suffisant est indispensable pour permettre aux personnes malvoyantes, atteintes de daltonisme ou évoluant dans un environnement très lumineux de lire aisément les contenus Web.
Comment fonctionne la suggestion d'ajustement automatique du contraste ?
L'algorithme module progressivement la composante de clarté (Lightness) dans l'espace HSL jusqu'à atteindre précisément le ratio requis sans altérer la teinte chromatique de base.
Références et normes faisant autorité
- Règles d'accessibilité des contenus Web W3C WCAG 2.2 ↗ — Standard international pour les ratios de contraste, les niveaux de conformité AA et AAA.
- Définition mathématique de la luminance relative par le W3C ↗ — Définition mathématique de la luminance relative dans l'espace colorimétrique sRGB.