Eine Fokus-Falle ist ein Bereich oder Element einer Webseite, bei dem der Tastaturfokus gefangen ist – die Nutzenden können also per Tastatur nicht zu anderen Bereichen der Seite navigieren. Dies ist ein erhebliches Problem für die Barrierefreiheit, da Menschen mit motorischen Einschränkungen oder Screenreader-Nutzende die betroffenen Bereiche ggf. nicht verlassen können.
Fokus-Fallen können aber gewollt oder ungewollt sein.
Gewollte Fokus-Fallen sind zum Beispiel:
Modale Dialoge
Auswahlmenüs
Problematische Fokus-Fallen sind hingegen:
Nicht schließbare Pop-ups oder andere ungewollten Fokus-Fallen
Video-Player ohne Escape-Option
Eingabefelder mit fehlerhafter Validierung
Schlecht implementierte Custom-Komponenten
Für das Prüfen der Barrierefreiheit ergibt sich daraus:
Navigation mit Tab und Shift+Tab und ggf. ESC-Taste testen
Fokus-Rücksetzung kontrollieren
Screenreader-Kompatibilität testen
Browser-übergreifende Tests durchführen
