# WCAG 2.2 – 2.4.7 Fokus sichtbar

- Stufe: AA
- Prinzip: 2 Bedienbar
- Richtlinie: 2.4 Navigierbar
- Eingeführt in: WCAG 2.0

## Was die Regel verlangt

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 das hilft

- Menschen mit motorischen Einschränkungen
- Menschen mit Sehbehinderung

## Quellen

- [Diese Regel auf wcag.dehl.net](https://wcag.dehl.net/de/wcag/2-4-7/)
- [Interaktive Demo](https://wcag.dehl.net/de/demos/#focus)
- [Offizielle Erklärung des W3C (Englisch)](https://www.w3.org/WAI/WCAG22/Understanding/focus-visible)
- [Techniken (WCAG Quick Reference, Englisch)](https://www.w3.org/WAI/WCAG22/quickref/#focus-visible)

_Erklärung in einfacher Sprache. Verbindlich ist nur der Originaltext des W3C._