Contraste du texte

Silktide mesure la différence de couleur entre le texte de vos pages et l’arrière-plan, et signale le texte dont la couleur est trop proche de celle de l’arrière-plan pour être lu confortablement. Il s’agit de la norme minimale de contraste exigée par la plupart des lois sur l’accessibilité.

Pourquoi c’est important

Le texte à faible contraste est l’un des échecs d’accessibilité les plus courants sur le web, et l’un des plus préjudiciables. Les personnes malvoyantes, les lecteurs plus âgés, et toute personne utilisant un écran en plein soleil ou à faible luminosité peuvent trouver qu’un texte gris pâle sur fond blanc est pratiquement invisible. Comme les minima de contraste font partie des () — la norme à laquelle se réfèrent la plupart des lois et des contrats — ne pas les respecter entraîne aussi un risque juridique.

Comment corriger

Assombrissez le texte ou éclaircissez l’arrière-plan (ou l’inverse sur les designs sombres) jusqu’à ce que la paire atteigne le ratio requis. Chaque constat affiche les deux couleurs, le mesuré, et le ratio requis.
Modifiez la couleur dans la feuille de style de votre site ou dans les paramètres du thème plutôt que sur des pages individuelles, afin que la correction s’applique partout où ce style est utilisé.
Si un constat vous convient — par exemple un texte de type espace réservé (placeholder) intentionnellement atténué — vous pouvez plutôt l’.

Comment Silktide teste cela

Examine chaque portion de texte visible sur la page, en ignorant le texte masqué, le texte à l’intérieur des graphiques SVG, et tout élément que vous avez exclu du contrôle.
Détermine la couleur effective du texte et de l’arrière-plan, en tenant compte de la transparence et des éléments parents. Seul le texte sur un arrière-plan de couleur unie est mesuré ici ; le texte placé sur des images ou des dégradés est traité par Contraste du texte sur images.
Calcule le rapport de contraste entre les deux couleurs.
Signale le texte en dessous du minimum requis : 4,5:1 pour le texte normal, ou 3:1 pour le texte de grande taille. Un texte est considéré comme grand à partir d’au moins 18 points (24 pixels), ou d’au moins 14 points (environ 19 pixels) avec une graisse en gras (600 ou davantage).

Dépannage

Le texte sur une photo ou un dégradé n’est pas signalé ici

Lorsque l’arrière-plan est une image ou un dégradé, il n’existe pas une seule couleur d’arrière-plan contre laquelle mesurer ; ces cas sont donc signalés séparément par Contraste du texte sur images.

Il s’agit de la version AA de deux contrôles liés

Ce contrôle teste le critère de succès 1.4.3 des WCAG (niveau AA), le minimum largement exigé. Une version plus stricte au niveau AAA, le critère de succès 1.4.6, est testée par Contraste élevé du texte. Les deux contrôles partagent vos décisions : approuver ou ignorer un constat dans l’un s’applique au même constat dans l’autre.

Le texte me paraît correct

Un contraste qui vous semble acceptable sur votre écran peut tout de même échouer pour d’autres — les écrans, les réglages de luminosité et les acuités visuelles varient énormément. Le rapport mesuré est objectif ; fiez-vous à lui plutôt qu’à une impression visuelle.