Contraste élevé du texte

Silktide mesure la différence de couleur entre le texte de vos pages et l’arrière-plan, et signale le texte qui n’atteint pas la norme d’accessibilité la plus stricte en matière de contraste. Cela va au-delà du minimum légalement requis, afin que les personnes ayant des déficiences visuelles importantes puissent lire votre contenu.

Pourquoi c’est important

Le minimum de contraste prévu par la norme aide la plupart des lecteurs, mais les personnes avec une perte de vision plus importante — approximativement l’acuité 20/80 — ont besoin d’une différence plus marquée entre le texte et l’arrière-plan. Respecter la norme renforcée rend votre contenu lisible pour ces utilisateurs sans qu’ils aient besoin d’un agrandissement ou d’autres .

Il s’agit d’un objectif de . La plupart des organisations ne sont pas tenues de l’atteindre, et cela peut ne pas être pratique à l’échelle d’un site entier, mais c’est précieux partout où vous pouvez y parvenir — en particulier pour du contenu destiné à des publics plus âgés ou à des personnes en situation de handicap.

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 rapport requis. Chaque résultat indique les deux couleurs, le mesuré et le rapport exigé.
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 respecter la norme AAA n’est pas praticable pour votre design, vous pouvez les résultats, à condition de respecter toujours le minimum AA testé par Contraste du texte.

Comment Silktide teste cela

Examine chaque élément 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 uni est mesuré ; le texte placé sur des images ou des dégradés ne peut pas être mesuré automatiquement.
Calcule le rapport de contraste entre les deux couleurs.
Signale le texte en dessous du minimum renforcé : 7:1 pour le texte normal, ou 4,5:1 pour le texte de grande taille. Un texte est considéré comme de grande taille s’il fait au moins 18 points (24 pixels), ou au moins 14 points (environ 19 pixels) avec une graisse (600 ou plus).

Dépannage

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

Ce contrôle teste le critère de succès 1.4.6 des WCAG (niveau AAA). La version de niveau AA, beaucoup plus courante, critère de succès 1.4.3, est testée par Contraste du texte avec des seuils plus bas (4,5:1 et 3:1). Visez d’abord à réussir le contrôle AA partout. Les deux contrôles partagent vos décisions : approuver ou ignorer un résultat dans l’un s’applique au même résultat dans l’autre.

De nombreux résultats sur l’ensemble du site

Ne pas atteindre 7:1 est courant — de nombreuses palettes de couleurs populaires n’y parviennent pas. Corrigez d’abord le contenu le plus lu (navigation, corps du texte sur les pages clés), et traitez le reste comme une décision de système de design plutôt que comme des modifications page par page.