ページを読み込んでいます
Vérifie le rapport de contraste des couleurs selon les normes WCAG. Comprend des tests de conformité AA/AAA et des suggestions d'amélioration.
Saisissez les couleurs de premier plan (texte) et d'arrière-plan à l'aide de codes HEX ou du sélecteur de couleur.
Le rapport de contraste est calculé automatiquement et l'état de conformité WCAG AA/AAA est affiché.
En cas de non-conformité, une couleur améliorée répondant au critère AA est proposée. Cliquez sur « Appliquer » pour l'utiliser.
Rapport de contraste: 12,63:1,Texte normal AA: Réussi,Grand texte AA: Réussi
Le texte de taille normale s'affichera ainsi. Cela s'applique aux tailles de police de 16px ou moins.
Grand texte (18pt et plus / 14pt gras et plus)
| AA | AAA | |
|---|---|---|
| Texte normalMin. 4.5:1 | Réussi | Réussi |
| Grand texteMin. 3:1 | Réussi | Réussi |
La combinaison de couleurs actuelle satisfait le critère AA.
Un outil qui calcule le rapport de contraste entre le texte et la couleur d'arrière-plan en se basant sur les WCAG (Règles pour l'accessibilité des contenus Web) et vérifie la conformité aux normes d'accessibilité.
AA est la norme minimale requise (texte normal 4.5:1, grand texte 3:1), tandis qu'AAA est une norme plus exigeante (texte normal 7:1, grand texte 4.5:1). La conformité AA est généralement recommandée.
Le texte de 18pt (24px) ou plus, ou le texte en gras de 14pt (environ 18,66px) ou plus, est considéré comme « grand texte » et bénéficie d'une exigence de contraste moins stricte.
La formule de luminance relative définie dans WCAG 2.0 est utilisée : (L1 + 0.05) / (L2 + 0.05), où L1 est la luminance relative de la couleur la plus claire et L2 celle de la couleur la plus sombre.