Contraste des couleurs dans les PDF : exigences WCAG et vérification pratique

Un texte gris clair sur fond blanc peut paraître élégant et minimaliste en un coup d'œil - et être complètement illisible pour les utilisateurs malvoyants, avec un fort ensoleillement sur l'écran ou simplement avec une fatigue oculaire ordinaire à la fin d'une journée de travail. Le contraste des couleurs est l’un des critères d’accessibilité les plus « techniques » – il y a des chiffres précis à respecter – mais c’est aussi l’un des plus faciles à tester et à corriger à l’avance.

Quels ratios WCAG exigent

Les WCAG définissent des rapports de contraste de 1:1 à 21:1. Pour le texte courant, le critère 1.4.3 exige au niveau AA un rapport minimal de 4,5:1 avec le fond ; le niveau AAA exige 7:1. Des exceptions existent notamment pour les grands caractères et certains contenus décoratifs ou inactifs. Les obligations légales dépendent du contexte applicable.

Pourquoi les textes de grande taille sont autorisés avec moins de contraste

Les caractères de grande taille restent lisibles même avec un contraste plus faible. Les WCAG lui fixent donc un seuil plus simple : 3 : 1 au niveau AA (au lieu de 4,5 : 1) et 4,5 : 1 au niveau AAA (au lieu de 7 : 1). Le « texte de grande taille » est défini comme un texte de 18 points ou plus (environ 24 px), ou de 14 points ou plus (environ 18,7 px) s'il est en gras. Les gros titres, par exemple, peuvent « permettre » un contraste légèrement inférieur à celui d'un paragraphe de corps normal tout en répondant à l'exigence.

Comment vérifier un rapport de contraste en pratique

Il n'est pas nécessaire de le calculer manuellement : des outils gratuits tels que WebAIM Contrast Checker vous permettent de saisir les codes de couleur du texte et de l'arrière-plan et d'obtenir immédiatement le rapport exact et un score de réussite/échec pour chaque niveau. Cela vaut la peine de vérifier non seulement le texte sur un arrière-plan uni, mais également le texte sur des images d'arrière-plan ou des dégradés - où le contraste peut varier entre différentes zones de la même image, il est donc préférable de tester l'endroit le plus « problématique ».

Comment choisir une palette de couleurs accessible à l'avance

L'approche la plus efficace consiste à vérifier le contraste au stade de la conception du modèle, et non dans chaque document séparément. Lorsque vous choisissez les couleurs de la marque pour les titres, le corps du texte et les liens, il convient de confirmer à l'avance que chaque combinaison texte-arrière-plan que vous utilisez réellement correspond à au moins 4,5:1. De cette façon, chaque nouveau document créé à partir du modèle « hérite » automatiquement du contraste approprié, au lieu de vérifier chaque document séparément une fois qu'il a déjà été rédigé.