Explorer
KNOW-PAT-290

Lisibilité : contrastes des textes, contrôles et états

Domaine
web-uiux
Type
pattern
Priorité
P1

Lisibilité : contrastes des textes, contrôles et états

Mesurer les paires texte et fond réellement composées. Pour WCAG AA, viser au moins 4,5:1 pour le texte ordinaire et 3:1 pour le grand texte, sous réserve des exceptions prévues.

Contrôler aussi les informations graphiques et les repères nécessaires aux composants au seuil applicable de 3:1. Ajouter une indication textuelle ou graphique quand une couleur seule porte un état.

Exemple

Associer « Critique » à un repère de sévérité et contrôler le contraste sur fond réel, y compris au survol, au focus et dans le thème sombre.

Erreur courante

Valider une palette sur des carrés de couleur avant de poser un texte translucide sur un fond variable.

Contrôle

Mesurer les couleurs effectives des états et des fonds les moins favorables. Vérifier que les statuts restent compréhensibles sans perception de leur teinte. Les seuils applicables sont documentés par état et les statuts critiques restent identifiables sans couleur.