Les boutons et les liens doivent garder un contraste suffisant au survol et au focus

Le contrôle lit a[href], button, [role="button"], [role="link"] et les input de type bouton, en ignorant ceux qui sont désactivés, masqués ou presque transparents. Il échantillonne un élément par style (balise, classe, couleurs, police, zone de la page), 60 au plus par page, et fige les transitions CSS pour lire les couleurs finales.

Après un véritable appui sur Tab, de sorte que :focus-visible s’applique, chaque échantillon est lu dans son état par défaut, puis lorsqu’il a le focus. Les échantillons qui contiennent du texte et qui sont au premier plan en leur centre sont aussi survolés à la souris, jusqu’à ce que 10 secondes se soient écoulées depuis le début du contrôle.

Un texte fait l’objet d’un constat lorsqu’un état de survol ou de focus dont les couleurs changent passe sous 4,5:1, ou sous 3:1 pour un grand texte (24 px, ou 18,66 px en gras). Les couleurs sont composées sur du blanc à travers les arrière-plans et l’opacité des ancêtres ; un texte posé sur une image, une vidéo ou une autre boîte qui le chevauche est ignoré. Un outline de focus ou un box-shadow ajouté fait l’objet d’un constat lorsque le meilleur reste sous 3:1 par rapport à l’arrière-plan adjacent ; l’anneau auto du navigateur n’est pas mesuré. Les bordures, les soulignements et les changements d’arrière-plan ne sont pas mesurés comme indicateurs de focus.