Quel contraste de couleur mon site web doit-il avoir ?

Le texte ordinaire nécessite 4,5:1, le texte volumineux 3:1

Pour la plupart des textes d'un site web, le rapport de contraste minimal entre la couleur du texte et la couleur de fond est de 4,5 pour 1. Pour le texte volumineux — à partir d'environ 18 points, ou à partir de 14 points pour le texte en gras — un rapport de 3 pour 1 suffit. Cette même limite inférieure de 3 pour 1 s'applique également aux éléments de l'interface de commande, comme la bordure d'un champ de saisie ou d'un bouton, ainsi qu'aux éléments graphiques nécessaires à la compréhension, comme une icône sans légende.

Tout ne relève pas de cette exigence. Le texte d'un logo, le texte purement décoratif sans signification, et le texte apparaissant par hasard sur une photo sans fonction sont exclus. Un élément de commande désactivé — un bouton grisé qui n'est pas cliquable à ce moment — n'a pas besoin de respecter la norme. Une analyse automatique est bien capable de mesurer les rapports de contraste et de les comparer à la norme, mais l'évaluation de ces exceptions — cette icône est-elle décoractive, ce texte fait-il partie d'un logo — demande un regard humain, et c'est précisément la partie qu'une analyse ne couvre pas.

Ceci est énoncé dans WCAG 2.1, critères de succès 1.4.3 et 1.4.11

Ces exigences proviennent directement de WCAG 2.1, le cadre d'évaluation auquel EN 301 549 se ramène dans la pratique. Le critère de succès 1.4.3, Contraste (minimum), fixe la limite de 4,5 pour 1 pour le texte ordinaire et 3 pour 1 pour le texte volumineux. Le critère de succès 1.4.11, Contraste du contenu non textuel, fixe la même limite inférieure de 3 pour 1 pour les éléments de l'interface utilisateur et pour les objets graphiques nécessaires à la compréhension de leur fonction. Les deux critères appartiennent au niveau AA, le niveau que la directive impose comme exigence.