Fokus-Falle

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.

Problematische Fokus-Fallen sind hingegen:

• Cookie-Banner und Consent-Layer

• eingebettete Chat-Widgets

• iframes von Drittanbietern

• Nicht schließbare Pop-ups oder andere ungewollte 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:

• Das <dialog>-Element mit showModal() bringt Fokusmanagement, Escape-Behandlung und die Stilllegung des Hintergrunds von sich aus mit. Wo das nicht in Frage kommt, leistet das inert-Attribut dasselbe für beliebige Bereiche.

• Navigation mit Tab und Shift+Tab und ggf. ESC-Taste testen

• Fokus-Rücksetzung kontrollieren

• Screenreader-Kompatibilität testen

• Browser-übergreifende Tests durchführen