Contraste des couleurs

Le rapport de contraste mesure la différence de luminosité entre deux couleurs, généralement le texte et son arrière-plan, exprimée sous forme de nombre de 1:1, identique et illisible, jusqu'à 21:1, noir pur sur blanc pur. Des ratios plus élevés signifient que le texte est plus facile à lire, ce qui est important pour toute personne ayant une mauvaise vision, des yeux plus âgés ou un écran de téléphone en plein soleil. Il s’agit des mêmes mesures que les directives et les audits en matière d’accessibilité utilisent pour juger si le texte est lisible.

Les concepteurs choisissent une palette de couleurs de texte et d'arrière-plan pour un site Web, les développeurs effectuent un audit d'accessibilité avant le lancement et les spécialistes du marketing choisissent les couleurs d'un bouton ou d'une bannière qui doivent rester lisibles pour le plus grand nombre de visiteurs possible.

AA est une cible d'accessibilité largement utilisée dans les directives pour l'accessibilité du contenu Web. Il faut que le texte normal atteigne au moins un rapport de contraste de 4,5:1 et que le texte de grande taille atteigne au moins 3:1.

AAA est un niveau plus strict, exigeant au moins 7:1 pour le texte normal et 4,5:1 pour le texte volumineux. La plupart des projets ciblent AA, tandis que AAA est réservé au contenu pour lequel l'accessibilité est particulièrement critique.

Utilisez des couleurs hexadécimales à 3 ou 6 chiffres, avec ou sans le signe dièse principal, pour les champs de texte et d'arrière-plan.

Non. Les couleurs hexadécimales sont entièrement vérifiées dans votre navigateur.

Le rapport de contraste est un facteur important, mais une taille de police lisible, un espacement adéquat et le fait de ne pas compter uniquement sur la couleur pour transmettre le sens comptent également.