Rendez le texte facile à lire
Améliorez les couleurs du texte et du fond pour que plus de personnes puissent lire votre contenu confortablement.
Pourquoi c’est important
Un texte trop peu contrasté peut disparaître pour les personnes malvoyantes, pour celles qui perçoivent les couleurs autrement, ou pour toute personne qui regarde un écran en pleine lumière.
Comment corriger
Repérez la couleur du texte et la couleur qui se trouve juste derrière.
Visez au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte.
Vérifiez aussi les liens, les boutons, les textes indicatifs des champs, les couleurs au survol et le texte placé sur des images.
Exemple
.intro {
color: #8a9b93;
background: #ffffff;
}.intro {
color: #46564f;
background: #ffffff;
}Comment vérifier votre correction
Vérifiez à nouveau votre page avec ibin. Le problème disparaît de votre rapport dès que tous les endroits sont corrigés. Essayez ensuite vous-même, comme le ferait un visiteur.
- Vérifiez à nouveau la page et assurez-vous que le problème n’apparaît plus dans votre rapport.
- Essayez vous-même la partie corrigée : à la souris, uniquement au clavier et en zoomant.
- Si possible, demandez à une personne qui utilise un lecteur d’écran de l’essayer aussi.
Pour votre développeur
Normes: WCAG 1.4.3 (AA)
color-contrast · Informations de fond (en anglais)
Également disponible en English, Nederlands, Deutsch