Schaltflächen und Links müssen beim Überfahren und Fokussieren genug Kontrast behalten

Die Prüfung liest a[href], button, [role="button"], [role="link"] und Eingabeelemente vom Typ Schaltfläche und überspringt deaktivierte, verborgene und nahezu transparente Elemente. Pro Stil (Tag, Klasse, Farben, Schrift, Seitenbereich) nimmt sie ein Element als Stichprobe, bis zu 60 pro Seite, und friert CSS-Übergänge ein, um die Endfarben zu lesen.

Nach einem echten Druck auf die Tab-Taste, damit :focus-visible greift, wird jede Stichprobe zuerst im Grundzustand gelesen und dann fokussiert. Stichproben mit Text, die in ihrer Mitte zuoberst liegen, überfährt die Prüfung außerdem mit der Maus, bis 10 Sekunden der Prüfung vergangen sind.

Text ist ein Befund, wenn ein Hover- oder Fokuszustand mit geänderten Farben unter 4,5:1 fällt, bei großem Text (24 px oder 18,66 px fett) unter 3:1. Die Prüfung verrechnet die Farben mit den Hintergründen und der Deckkraft der übergeordneten Elemente und zuletzt mit Weiß; Text über einem Bild, einem Video oder einem anderen überlappenden Kasten wird übersprungen. Eine Fokus-outline oder ein hinzugefügter box-shadow ist ein Befund, wenn selbst der kontraststärkste davon gegenüber dem angrenzenden Hintergrund unter 3:1 liegt; den auto-Ring des Browsers misst die Prüfung nicht. Rahmen, Unterstreichungen und Hintergrundwechsel werden nicht als Fokusindikatoren gemessen.