Comment utiliser cet outil
- Saisissez les couleurs du texte et du fond en HEX à trois ou six chiffres.
- Consultez le rapport et les résultats AA/AAA pour le texte normal et le grand texte.
- Ajustez les couleurs et vérifiez l’exemple. Le sélecteur de couleur permet de convertir les autres formats.
Comment ça fonctionne
Vérifiez les couleurs du texte et du fond avec les seuils WCAG 2.2 AA et AAA. Saisissez les valeurs HEX et comparez leur aperçu localement.
L’outil convertit les canaux sRGB opaques en lumière linéaire puis calcule leur luminance relative. Le contraste est la luminance claire plus 0,05 divisée par la luminance sombre plus 0,05. Seuils AA : 4,5:1 pour le texte normal et 3:1 pour le grand texte ; AAA : 7:1 et 4,5:1. La décision utilise le rapport complet, sans l’arrondir.
Les limites à connaître
Seules les couleurs sRGB opaques et unies sont acceptées, sans image, dégradé ni transparence. Le grand texte mesure au moins 18 pt (24 px CSS), ou 14 pt (environ 18,67 px CSS) en gras. Réussir ce contrôle ne prouve pas une conformité WCAG complète : typographie, focus, interactions et autres critères comptent aussi.
Questions fréquentes
Quel contraste faut-il pour du texte normal ?
Le niveau WCAG AA exige au moins 4,5:1 et le niveau AAA au moins 7:1. L’outil affiche les deux résultats.
Pourquoi 4,50:1 peut-il être insuffisant ?
L’affichage est arrondi à deux décimales. Un rapport réel juste inférieur à 4,5 peut afficher 4,50 tout en échouant ; on ne doit pas arrondir pour atteindre le seuil.
Puis-je tester une couleur transparente ?
Pas directement. Déterminez d’abord sa couleur opaque finale une fois composée sur le vrai fond, puis saisissez cette valeur.
Un résultat réussi signifie-t-il que mon site est accessible ?
Non. Ce contrôle concerne une paire de couleurs pour du texte. L’accessibilité dépend aussi du clavier, de la structure, des libellés, des comportements et des autres critères WCAG.