Start › Wissen › WCAG-Kriterium

Sichtbarer Fokus nach WCAG 2.4.7

Wer mit der Tastatur navigiert, muss jederzeit sehen, welches Element gerade den Fokus hat. Ein outline: none ohne Ersatz verstößt gegen 2.4.7.

Häufige Fehler

*:focus { outline: none } im Reset-CSS ohne Ersatz, ein Fokus-Stil mit zu wenig Kontrast, oder ein Fokusring, der vom nächsten Element verdeckt wird.

So machst du es richtig

:focus-visible nutzen (zeigt den Ring nur bei Tastaturnutzung), mind. 2 px, deutlicher Kontrast, etwas Abstand (outline-offset). Der Ring darf sichtbar bleiben, wenn er stört — er darf nur nicht fehlen.

Wie a11yglass hilft

Der kostenlose Scan prüft das ausgelieferte HTML und CSS auf automatisch erkennbare WCAG-Verstöße und nennt je Befund das Erfolgskriterium und eine konkrete Maßnahme. Er findet grob 20–35 % der Probleme und ersetzt keine vollständige Prüfung.

Weiterlesen

• Tastaturbedienung nach WCAG 2.1.1
• Farbkontrast nach WCAG 1.4.3

Allgemeine Information nach bestem Wissen, kein Rechtsrat. Für den Einzelfall eine auf IT-Recht spezialisierte Kanzlei hinzuziehen.