Mechanik-Modul · WCAG 2.1.1 · Stufe A

Tastatur-Navigation

Stellt sicher, dass jedes interaktive Element auch ohne Maus erreichbar ist — Tab, Enter, Pfeile, Esc.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

WCAG-Pflicht-Kriterium auf Stufe A: Jede Funktion muss mit der Tastatur bedienbar sein. Klingt selbstverständlich — ist es in der Praxis selten. Custom-Slider, Dropdown-Menüs, Lightboxen und Filter-Buttons sind häufige Stolperstellen.

Das Modul prüft die Tab-Bedienbarkeit aller interaktiven Elemente und fügt fehlende Tastatur-Handler nach. Außerdem werden Tastatur-Fallen erkannt und aufgelöst.

So implementiert das Plugin es

Technische Maßnahmen

Tab-Trap-Detection: erkennt, wenn ein Element die Tab-Reihenfolge bricht (z. B. Modal ohne Esc-Schließung).
Enter/Space-Handler nachrüsten für `
`-Buttons mit `role="button"`.
Pfeil-Navigation in Tab-Listen, Radio-Gruppen, Menüs.
Esc-Handler für Modals, Tooltips, Off-Canvas-Menüs.
Focus-Trap im Modal: Tab bleibt im offenen Dialog, springt nicht in den Hintergrund.

Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

Globaler Toggle
Auto-Handler für `role="button"` (Enter + Space)
Focus-Trap im Modal: aus / nur explizit markierte / alle Modals
Esc-Listener-Tiefe: nur Top-Modal / alle offenen Modals
Custom-Tastenkürzel pro Element (über `data-sp-key`)

Pfad im Admin: WP-Admin → Barrierefreiheit → Module → Tastatur-Navigation

Wann brauchst du das Modul?

Anwendungsfall

Pflicht-Modul. Tastatur-Bedienbarkeit ist WCAG-Pflicht auf der niedrigsten Konformitäts-Stufe (A) — ohne dieses Kriterium keine WCAG-Konformität, egal wie schön die restliche Seite ist.

Verwandte Module

Das passt thematisch zusammen

Tabindex Manager
WCAG 2.4.3
Repariert die Tab-Reihenfolge, eliminiert positive `tabindex`-Werte und springt fehlerhafte Sprünge.
Sichtbarer Fokus
WCAG 2.4.11
Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.
ARIA Manager
WCAG 4.1.2
Vergibt automatisch korrekte ARIA-Roles, States und Properties auf interaktive Elemente.

Modul für deine Seite aktivieren?

Im 15-Minuten-Erstgespräch klären wir, ob das Modul für deinen Theme- und Inhalts-Typ relevant ist — und wie die Einrichtung aussieht.

15-Min-Erstgespräch
Alle Module ansehen