Was die Norm sagt
Jede per Tastatur bedienbare Benutzerschnittstelle hat einen Bedienmodus, in dem der Tastaturfokus-Indikator sichtbar ist.
Warum das zählt
Den Fokusrahmen zu entfernen ist der schnellste Weg, eine Website per Tastatur unbenutzbar zu machen — und er steht noch in vielen CSS-Resets.
Wie ein Fehlschlag aussieht
- fällt durch`outline: none`, ohne etwas an seine Stelle zu setzen.
- fällt durchEin Fokusstil, so blass, dass er an 1.4.11 scheitert.
So beheben Sie es
- tunEntfernen Sie die Outline nie, ohne sie zu ersetzen. Stylen Sie `:focus-visible`, statt `:focus` zu löschen.
- tunGeben Sie dem Indikator mindestens 3:1 Kontrast zur Umgebung — im hellen wie im dunklen Design.
Wie A11ySignal es prüft
manuell
Keine automatische Regel kann über dieses Kriterium urteilen, und wir tun nicht so, als wäre es anders. Ein sauberer Scan heißt nicht, dass 2.4.7 erfüllt ist — er heißt, dass nichts fehlschlägt, was wir messen können. Hier braucht es einen Menschen.
Ebenfalls unter 2.4 Navigierbar
- 2.4.1 Blöcke umgehen
- 2.4.2 Seite mit Titel versehen
- 2.4.3 Fokus-Reihenfolge
- 2.4.4 Linkzweck (im Kontext)
- 2.4.5 Verschiedene Methoden
- 2.4.6 Überschriften und Beschriftungen
- 2.4.8 Position
- 2.4.9 Linkzweck (nur aus Link)
- 2.4.10 Abschnittsüberschriften
- 2.4.11 Fokus nicht verdeckt (Minimum)
- 2.4.12 Fokus nicht verdeckt (erhöht)
- 2.4.13 Erscheinungsbild des Fokus