Calculateur de contraste WCAG

Vérifiez la conformité WCAG 1.4.3 (AA) / 1.4.6 (AAA) / 1.4.11 — RGAA critères 3.2 et 3.3

Couleur du texte (foreground)

Couleur du fond (background)

Palettes rapides

Texte normal (16px) — Lorem ipsum dolor sit amet consectetur

Grand texte bold (24px)

Bouton UI

Champ formulaire

—

Rapport de contraste

—

Contexte	Requis	WCAG	RGAA	Statut
Texte normal	4.5:1	AA — 1.4.3	3.2	—
Texte normal	7:1	AAA — 1.4.6	—	—
Grand texte (≥18pt bold)	3:1	AA — 1.4.3	3.2	—
Grand texte (≥18pt bold)	4.5:1	AAA — 1.4.6	—	—
Composant UI / focus	3:1	AA — 1.4.11	3.3	—

Règles WCAG de référence

WCAG 1.4.3 (AA)
Texte normal : min 4.5:1
Grand texte (≥18pt) : min 3:1

WCAG 1.4.6 (AAA)
Texte normal : min 7:1
Grand texte : min 4.5:1

WCAG 1.4.11 (AA)
Composants UI, focus, icônes : min 3:1
par rapport au fond adjacent

RGAA 3.2 / 3.3
Texte : 4.5:1 normal, 3:1 grand
Interface : 3:1 composant/fond