Tastaturfalle
Eine Tastaturfalle (Keyboard Trap) liegt vor, wenn der Fokus per Tastatur zwar in ein Element hinein, aber nicht mehr regulär hinaus bewegt werden kann - der Nutzer bleibt in diesem Element gefangen.
Kurz erklärt
Bei einer Tastaturfalle lässt sich ein Bedienelement zwar per Tab-Taste erreichen, aber mit den üblichen Mitteln - erneutes Tab, Umschalt+Tab, Escape - nicht mehr verlassen. Der Fokus bleibt darin gefangen, während der Rest der Seite für Tastaturnutzer unerreichbar wird. Klassische Ursachen sind eingebettete Widgets (etwa ein Rich-Text-Editor oder eine eingebettete Landkarte), die Tastenereignisse abfangen und nicht wieder freigeben, sowie schlecht implementierte modale Dialoge ohne definiertes Verlassen.
Beispiel
Ein Cookie-Banner öffnet sich beim Laden der Seite und fängt den Fokus per JavaScript ab, um ihn innerhalb des Banners zu halten (sogenanntes Focus-Trapping) - eine für modale Dialoge grundsätzlich korrekte Technik. Fehlt dabei aber eine funktionierende Escape-Taste oder ein erreichbarer Schließen-Button, wird aus der beabsichtigten Fokusbegrenzung eine echte Tastaturfalle: Der Nutzer kann den Banner mit der Tastatur weder schließen noch umgehen und somit die restliche Seite nicht mehr bedienen.
Warum ist das relevant?
Eine Tastaturfalle blockiert reine Tastaturnutzer und viele Screenreader-Nutzer vollständig - anders als die meisten anderen Barrieren, die einzelne Inhalte unzugänglich machen, macht eine Tastaturfalle oft die gesamte restliche Website unerreichbar. WCAG führt “kein Tastatur-Fallen” als Kriterium der Konformitätsstufe A, der niedrigsten Stufe - ein Hinweis darauf, wie grundlegend dieses Problem eingestuft wird.
Häufige Missverständnisse
Fokus-Trapping selbst ist kein Fehler, sondern bei modalen Dialogen sogar die korrekte Technik, um zu verhindern, dass der Fokus versehentlich hinter den Dialog springt - entscheidend ist, dass innerhalb der Falle immer ein regulärer Ausweg existiert, typischerweise über Escape oder einen fokussierbaren Schließen-Button. Auch eingebettete Drittanbieter-Inhalte wie iFrames mit eigener Tastatursteuerung werden häufig übersehen: Sie liegen oft außerhalb der eigenen Kontrolle, können aber trotzdem eine Tastaturfalle für die gesamte Seite erzeugen.