Les éléments doivent respecter les seuils minimaux de rapport de contraste des couleurs

Sont candidats les éléments qui ont leur propre nœud de texte visible, ainsi que les champs input, select et textarea, même vides, à l’exception d’un select sans options et d’un champ dont le text-indent pousse le texte hors du champ. Sont ignorés les champs sans texte, comme les cases à cocher, les éléments désactivés ou inertes, les étiquettes de champs désactivés et les textes faits uniquement d’émojis ou de ponctuation.

Le contrôle lit la couleur de texte calculée et reconstitue l’arrière-plan à partir des éléments empilés derrière le texte, en fondant les couches semi-transparentes sur une page blanche. Un texte compte comme grand à partir d’une font-size de 18 pt (24 px), ou de 14 pt (18,66 px) lorsque font-weight vaut 700 ou plus.

Lorsque le contrôle ne peut pas trancher, le résultat est « à examiner », par exemple avec une image ou un dégradé d’arrière-plan, une image ou une vidéo derrière le texte, un autre élément par-dessus, un grand ::before ou ::after positionné en absolu avec un arrière-plan, ou un seul caractère en échec. Le scanner de Validiscan n’en fait pas des constats ; un tel texte doit donc être vérifié par une personne.

Les couleurs sont lues dans l’état où la page se charge, avec le schéma de couleurs clair, dans chaque zone d’affichage scannée. vs-hover-focus-contrast mesure les états de survol et de focus.