Tastaturfallen erkennen
Finden Sie Stellen, an denen der Fokus ohne Ausweg stecken bleibt.
Tastaturfallen erkennen ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Festgehalten, ohne Ausweg
Eine Tastaturfalle ist jede Stelle, an der der Fokus hineingelangt, aber nicht mit der Tastatur wieder herauskommt. Für Benutzer ohne Maus ist das eine Sackgasse. 🪤
Warum das so gravierend ist
Ein gefangener Benutzer muss möglicherweise die gesamte Seite neu laden, um zu entkommen. WCAG bezeichnet eine Falle ohne Ausweg als Fehler, nicht als geringfügigen Bug.
Die klassischen Verursacher
Fallen treten häufig bei umfangreichen Widgets auf: benutzerdefinierten Datumsauswahlen, eingebetteten Editoren und Drittanbieter-Plugins, die den Fokus übernehmen und nie zurückgeben.
Das fehlerhafte modale Fenster
Ein Dialog, der Tab abfängt, aber keine Möglichkeit zum Verlassen bietet, ist die häufigste Falle. Ein echtes modales Fenster muss sich mit Escape schließen lassen.
Iframes können den Fokus verschlucken
Eingebettete Inhalte wie ein Video oder eine Karte befinden sich in einem iframe. Einige übernehmen den Fokus und lassen den Benutzer ohne Ausweg darin kreisen.
Fehlerhafte Event-Handler
Ein Script, das bei der Tab-Taste preventDefault aufruft, kann die normale Bewegung des Browsers blockieren. Plötzlich weigert sich der Fokus einfach weiterzugehen.
el.addEventListener('keydown', e => e.preventDefault());Die Einbahnstraßenfalle
Manche Fallen lassen Tab vorwärts bewegen, blockieren aber Shift+Tab. Testen Sie beide Richtungen, denn auch ein einseitiger Weg ist eine Falle.
Absichtliches Festhalten ist in Ordnung
Den Fokus absichtlich in einem geöffneten modalen Fenster zu halten, ist korrekt. Die Regel lautet, dass es immer einen klaren Ausweg wie Escape oder eine Schaltfläche zum Schließen geben muss.
So finden Sie sie
Der Test ist direkt und effektiv. Navigieren Sie ausschließlich mit der Tastatur per Tab durch die gesamte Seite und greifen Sie zum Entkommen niemals zur Maus.
Das verräterische Zeichen
Wenn der Fokus innerhalb einer Komponente kreist und Tab Sie nicht weiterführt, haben Sie eine Falle gefunden. Notieren Sie genau, wo sie Sie festhält.
Den Ausweg reparieren
Die Lösung besteht darin, einen Ausweg wiederherzustellen: Lassen Sie Tab fortfahren, berücksichtigen Sie Escape und geben Sie den Fokus beim Schließen an den Auslöser zurück, der die Ebene geöffnet hat.
Schnelltest
Bestimmen Sie, was eine Tastaturfalle tatsächlich ausmacht.
Zusammenfassung: Fallen erkennen
Eine Falle hält den Fokus ohne Ausweg über die Tastatur fest und verstößt damit gegen WCAG. Navigieren Sie in beide Richtungen durch alles und bieten Sie immer einen Ausweg. ✅
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Tastaturfallen erkennen“ kostenlos?
Ja — der vollständige Text von „Tastaturfallen erkennen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Tastaturfallen erkennen“?
Finden Sie Stellen, an denen der Fokus ohne Ausweg stecken bleibt. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Tastaturfallen erkennen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Tab, Shift+Tab, Enter, Space: Die wichtigsten Tasten
- Sichtbarer Fokus: Verbergen Sie niemals den Umriss
- Eine logische Tab-Reihenfolge folgt den Inhalten
- Tastaturfallen erkennen