Cheat sheet ratio contraste WCAG pour texte et UI
Objectifs rapides de contraste WCAG pour texte normal, grand texte, composants UI et choix couleur accessibles.
| Usage | Valeur | Note |
|---|---|---|
| AA normal | 4.5:1 | Minimum pour texte courant. |
| AA large | 3:1 | Grand texte ou grand texte gras. |
| AAA normal | 7:1 | Objectif contraste renforce. |
| UI parts | 3:1 | Utile pour controles et graphiques importants. |
| Disabled | Contextual | Les controles desactives doivent rester comprehensibles. |
Snippet a copier
.primary-button {
background: #1d4ed8;
color: #ffffff; /* strong contrast */
}