Skip to content

Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →

Vérifier les contrastes de couleurs : 4,5:1, 3:1 et ce qui compte d'autre

Le texte normal nécessite un rapport de contraste d'au moins 4,5:1 par rapport à son arrière-plan, le texte grand et les contours des éléments de commande au moins 3:1. Il y a aussi des exigences pour le zoom (jusqu'à 200 % sans perte d'information), le reflux (utilisable à 320 px de large) et l'espacement des textes. La couleur seule ne doit jamais être la seule information.

  • Le contraste est l'un des rares critères entièrement calculables — et pourtant le constat le plus courant. La raison est généralement le même endroit : couleur de marque claire sur fond blanc, ou texte avec opacité réduite. L'opacité réduit le contraste sans que vous ne le remarquiez sur la valeur de couleur.
  • Le reflux à 320 px est l'exigence qui fait échouer les mises en page tabulaires classiques : à cette largeur, aucun défilement horizontal ne doit être nécessaire pour lire le contenu. Les exceptions sont les contenus qui en ont un besoin strict — par exemple, les tableaux de données complexes et les cartes.
  • « Couleur seule » est le classique avec les champs obligatoires et les diagrammes : un champ d'erreur encadré en rouge sans texte ne dit rien à un utilisateur daltonien. Une deuxième caractéristique est nécessaire — symbole, libellé ou texte.

Deutsche Fassung — mit allen Prüfpunkten dieses Themas