Contraste de texte élevé

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 plus loin que le minimum exigé par la loi, afin que les personnes ayant une déficience visuelle importante puissent lire votre contenu.

Pourquoi c’est important

Le minimum de contraste standard aide la plupart des lecteurs, mais les personnes ayant une perte de vision plus importante – environ l’acuité visuelle associée à 20/80 – ont besoin d’une différence plus marquée entre le texte et l’arrière-plan. Respecter la norme améliorée rend votre contenu lisible pour ces personnes sans qu’elles aient besoin d’agrandissement ou d’autres .

Il s’agit d’un objectif de . La plupart des organisations ne sont pas tenues de s’y conformer et cela peut ne pas être pratique sur l’ensemble d’un site Web, mais c’est précieux partout où vous pouvez l’atteindre — surtout 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 pour les conceptions sombres) jusqu’à ce que la paire atteigne le ratio requis. Chaque constatation affiche les deux couleurs, le mesuré et le ratio exigé.
Modifiez la couleur dans la feuille de style de votre site Web 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 atteindre la norme AAA n’est pas réaliste pour votre conception, vous pouvez des constatations, à condition de respecter toujours le minimum AA testé par Contraste du texte.

Comment Silktide teste ceci

Examiner 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 de la vérification.
Déterminer 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.
Calculer le rapport de contraste entre les deux couleurs.
Signaler le texte en dessous du minimum rehaussé : 7:1 pour le texte régulier, ou 4,5:1 pour le texte large. Le texte est considéré comme large s’il fait au moins 18 points (24 pixels), ou au moins 14 points (environ 19 pixels) avec une graisse de 600 ou plus.

Dépannage

Il s’agit de la version AAA de deux vérifications liées

Cette vérification teste le critère de réussite 1.4.6 des WCAG (niveau AAA). La version de niveau AA, beaucoup plus souvent exigée, le critère de réussite 1.4.3, est testée par Contraste du texte avec des seuils plus bas (4,5:1 et 3:1). Cherchez d’abord à réussir la vérification AA partout. Les deux vérifications partagent vos décisions : approuver ou ignorer une constatation dans l’une s’applique à la même constatation dans l’autre.

De nombreuses constatations sur l’ensemble du site

Échouer à 7:1 est courant — beaucoup de palettes de couleurs populaires ne l’atteignent pas. Corrigez d’abord le contenu le plus consulté (navigation, texte principal des pages clés), puis traitez le reste comme une décision de système de conception plutôt que des modifications page par page.