ibin
Souvent grave2 min de lecture

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

  1. Repérez la couleur du texte et la couleur qui se trouve juste derrière.

  2. Visez au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte.

  3. Vérifiez aussi les liens, les boutons, les textes indicatifs des champs, les couleurs au survol et le texte placé sur des images.

Exemple

Avant
.intro {
  color: #8a9b93;
  background: #ffffff;
}
Après
.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