Qu'est-ce qu'un grand texte selon WCAG ?
Un texte d'au moins 18 points (environ 24 px), ou de 14 points (environ 18,7 px) en gras. À cette taille, WCAG 2.2 accepte un contraste minimal de 3:1 au niveau AA.
Mode d'emploi
- Générez ou chargez une palette. La matrice croise chaque couleur de fond avec toutes les autres en couleur de texte.
- Repérez les cellules AA ou AAA pour le texte normal. AA18 ne convient qu'au grand texte.
- Utilisez « Tester une combinaison » pour voir un vrai titre et un vrai paragraphe avec la paire choisie.
Questions fréquentes
Comment le ratio de contraste est-il calculé ?
On ajoute 0,05 à la luminance relative de chaque couleur, puis on divise la valeur la plus claire par la plus sombre. Le résultat va de 1:1 (même couleur) à 21:1 (noir sur blanc).
Le contraste concerne-t-il aussi les icônes et les bordures ?
Oui. Le critère WCAG 1.4.11 demande au moins 3:1 pour les composants d'interface et les graphiques nécessaires à la compréhension, comme les icônes, les bordures de champs et les lignes de graphiques.