Contraste et WCAG

Huebook indique le contraste WCAG 2.x. Les canaux sRGB sont convertis en lumière linéaire, puis la luminance relative est calculée. La luminance la plus élevée plus 0,05 est divisée par la plus faible plus 0,05. Le ratio va de 1:1 à 21:1. L’ordre des couleurs ne change rien.

Pour le texte, WCAG AA recommande 4,5:1 pour le texte normal et 3:1 pour le grand texte. AAA recommande 7:1 et 4,5:1. Le grand texte mesure au moins 18 points en romain ou 14 points en gras. La fiche compare une couleur au blanc et au noir. Générer affiche le ratio minimal des paires et vérifie l’objectif facultatif de 4,5:1 entre couleurs extrêmes. Sur Mac, Portée des couleurs reconnaît le texte dans la zone capturée, estime premier plan et arrière-plan et affiche les paires. La simulation montre l’effet possible des déficiences de vision des couleurs.

Un ratio conforme est utile, mais ne garantit pas la lisibilité dans tous les designs. La taille, la graisse, la police, les images d’arrière-plan et le contenu environnant comptent aussi. Ces ratios comparent les valeurs des couleurs sans mélanger la transparence à un fond. Si le design utilise de l’opacité ou des images, vérifiez aussi les couleurs finales du premier plan et de l’arrière-plan.