Elemente müssen die Mindestwerte für das Farbkontrastverhältnis einhalten

Infrage kommen Elemente mit einem eigenen sichtbaren Textknoten sowie input-, select- und textarea-Felder, auch leere. Ausgenommen sind ein select ohne Optionen und ein Feld, dessen text-indent den Text aus dem Bedienelement herausschiebt. Übersprungen werden Eingabeelemente ohne Text wie Kontrollkästchen, deaktivierte oder inerte Elemente, Beschriftungen deaktivierter Bedienelemente und Text, der nur aus Emoji oder Satzzeichen besteht.

Die Prüfung liest die berechnete Textfarbe und setzt den Hintergrund aus den Elementen zusammen, die hinter dem Text übereinanderliegen. Halbtransparente Ebenen werden dabei auf eine weiße Seite gemischt. Als groß gilt Text ab einer font-size von 18 pt (24 px), bei einem font-weight von 700 oder mehr ab 14 pt (18,66 px).

Kann die Prüfung nicht entscheiden, lautet das Ergebnis „zu prüfen“, etwa bei einem Hintergrundbild oder Farbverlauf, einem Bild oder Video hinter dem Text, einem darüberliegenden Element, einem großen, absolut positionierten ::before oder ::after mit Hintergrund oder einem einzelnen Zeichen, das den Kontrast verfehlt. Der Scanner von Validiscan macht daraus keine Befunde. Solchen Text muss deshalb ein Mensch prüfen.

Die Farben werden im Zustand nach dem Laden der Seite gelesen, im hellen Farbschema und in jedem gescannten Viewport. Hover- und Fokuszustände misst vs-hover-focus-contrast.