Fokus sichtbar (WCAG-Kriterium 2.4.7)
Was bedeutet dieses Kriterium und was sind die häufigsten Barrieren?
Was bedeutet das Kriterium?
Wenn Nutzer:innen eine Website oder App mit der Tastatur nutzen, dann muss der Tastaturfokus sichtbar sein – also, welches Element gerade ausgewählt ist.
Warum und für wen ist das Kriterium wichtig?
Der Zweck des Kriteriums ist, Nutzer:innen zu ermöglichen, zu erkennen, welches Element gerade den Tastaturfokus hat. Das betrifft Tastatur-Nutzer:innen, die sehen können. Auch bei eingeschränkter Aufmerksamkeit oder eingeschränktem Kurzzeitgedächtnis ist es hilfreich, jederzeit feststellen zu können, welches Element gerade fokussiert ist.
Was sind die häufigsten Fehler bei diesem Kriterium und wie können sie behoben bzw. vermieden werden?
Kein sichtbarer Fokus vorhanden:
Werden interaktive Elemente mit der Tastatur angesteuert, gibt es keinerlei visuellen Indikator, dass ein Element fokussiert wurde. Es muss ein sichtbarer Hinweis (z. B. der Standard-Fokus-Rahmen des Browsers) vorhanden sein.
Fokus-Rahmen hat einen zu geringen Kontrast zum Hintergrund:
In vielen Fällen ist ein Fokus-Rahmen vorhanden, der sich aber zu wenig vom Hintergrund abhebt. Damit der Fokus gut erkennbar ist, muss der Fokus-Indikator vom Hintergrund deutlich unterscheidbar sein. Der Kontrast muss mindestens 3:1 sein.
Fokussierter Status hat zu wenig Kontrast zu unfokussiertem Status:
In einigen Fällen wird der Fokus durch unterschiedliche Status angezeigt – beispielsweise wird ein Button in einer anderen Farbe angezeigt, wenn er mit der Tastatur erreicht wird. Damit dieser Fokus gut erkennbar ist, müssen fokussierter und unfokussierter Status deutlich unterscheidbar sein. Der Kontrast muss mindestens 3:1 betragen.