Stufe AASeit WCAG 2.0
2.4.7 Fokus sichtbar
Englischer Originaltitel: Focus Visible
Richtlinie 2.4: Navigierbar – Menschen finden sich zurecht und wissen immer, wo sie sind.
Was verlangt die Regel?
Man sieht immer, welches Element gerade den Tastaturfokus hat. Ohne sichtbaren Fokus ist Tastaturbedienung wie Mausbedienung ohne Mauszeiger.
So machst du es richtig
Entferne nie outline ohne Ersatz. Gestalte den Fokus bewusst: :focus-visible { outline: 3px solid; outline-offset: 3px; }
Wem hilft das besonders?
- Menschen mit motorischen Einschränkungen
- Menschen mit Sehbehinderung
Offizieller Wortlaut
Diese Seite erklärt die Regel in einfachen Worten. Verbindlich ist nur der englische Originaltext des W3C.
- „Understanding Focus Visible“ beim W3C (externe Seite, Englisch)
- Techniken in der WCAG Quick Reference (externe Seite, Englisch)