Contraste des couleurs
Découvrez son application pour cette règle !
Assurez-vous que le contraste des couleurs entre le texte et son arrière-plan respecte les seuils de ratio minimum WCAG 2 AA.
Conformément à WCAG 2.0 1.4.3 AA, la présentation visuelle du texte doit avoir un rapport de contraste d'au moins 4,5:1 pour le texte normal et 3:1 pour le texte de grande taille. Un texte de grande taille est défini comme étant au moins 18 pt ou 14 pt en gras.
À propos de cette règle
Cette règle vérifie le contraste des couleurs des éléments de texte statiques et du texte dans les éléments interactifs.
Impact sur les utilisateurs
Le niveau de contraste des couleurs a un impact sur la facilité ou la difficulté de distinguer le texte de son arrière-plan.
Pour les personnes malvoyantes ou daltoniennes, un texte dont la luminance (luminosité) est trop proche de l’arrière-plan peut être difficile à lire.
Confirmation
- Effectuez l’une des opérations suivantes :
- Ouvrez votre application dans un émulateur, OU
- Prenez une capture d'écran de l'application sur votre appareil physique. Envoyez-vous la capture d'écran et ouvrez-la sur votre ordinateur.
- Utilisez un sélecteur de couleurs pour :
- Obtenez la couleur exacte de l’élément de texte.
- Obtenez la couleur exacte de chaque couleur d’arrière-plan distincte derrière le texte.
- Saisissez chaque couleur dans le vérificateur de contraste de la palette de couleurs Deque.
- Vous trouverez l'un des éléments suivants :
- Accessible : Le rapport de contraste des couleurs répond au minimum requis pour la taille du texte.
- Inaccessible : Le rapport de contraste des couleurs ne répond pas au minimum requis pour la taille du texte.