Zustandskobold

Hover · Fokus · Aktiv

Element

Hover

Aktiv (gedrückt)

Im Kontur-Stil wird die Hover-Tönung beim Drücken verdoppelt.

Fokus

Der Ring erscheint bei Tastaturbedienung (:focus-visible), nicht bei jedem Mausklick.

Fehler

Greift über aria-invalid="true". Fehler nie nur über Farbe zeigen — Text oder Icon ergänzen.

Deaktiviert & Übergang

Zustände

Ausprobieren — zeigen, klicken, mit Tab fokussieren
CSS.

      

Kontrast

Maßstab WCAG 2.2: Text 4,5:1 (großer Text 3:1), Bedienelemente und Fokusanzeige 3:1 gegen die Umgebung. Deaktivierte Elemente sind von den Kontrastregeln ausgenommen. Geprüft wird gegen die Hintergrundfarbe der Vorschau.