WCAG 2.2 AA · AAA · Texte normal · Grand texte · Composants UI · APCA indicatif — 100% local
Entrez une couleur de texte et une couleur de fond pour calculer instantanément le ratio de contraste WCAG. L'outil indique les niveaux AA et AAA pour le texte normal, le grand texte et les composants d'interface. Tout s'exécute dans votre navigateur.
Texte normal — Portez ce vieux whisky au juge blond qui fume. (16px)
Grand titre — La lisibilité compte. (24px gras)
WCAG 2.2 définit les seuils de contraste dans les critères 1.4.3 (contraste minimum), 1.4.6 (contraste renforcé) et 1.4.11 (contraste non textuel). En France, ces exigences sont aussi utiles pour préparer des audits RGAA.
| Critère | Niveau | Ratio minimal | Usage |
|---|---|---|---|
| 1.4.3 | AA | 4.5 : 1 | Texte normal |
| 1.4.3 | AA | 3 : 1 | Grand texte |
| 1.4.11 | AA | 3 : 1 | Boutons, icônes, champs, indicateurs de focus |
| 1.4.6 | AAA | 7 : 1 | Texte normal |
| 1.4.6 | AAA | 4.5 : 1 | Grand texte |
4,5:1 pour le texte normal et 3:1 pour le grand texte. Les composants d'interface visibles, comme les bordures de champs ou les icônes, demandent aussi 3:1.
AA est le niveau généralement visé pour la conformité. AAA est plus strict : 7:1 pour le texte normal et 4,5:1 pour le grand texte.
Non. L'APCA est présenté ici comme indicateur perceptuel complémentaire. Pour une conformité WCAG 2.2 ou RGAA, utilisez les ratios WCAG normatifs.