Mechanik-Modul · WCAG 2.1.1 · Stufe A

Tastatur-Navigation

Stelle sicher, dass du alles ohne Maus erreichen kannst. Nutze Tab, Enter, Pfeiltasten und Esc.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Eine wichtige Regel heißt: Alles muss mit der Tastatur funktionieren. Das steht in den Regeln für Barrierefreiheit auf Stufe A. Das klingt einfach. Oft ist es aber schwer. Schieberegler, aufklappbare Menüs und Bildergalerien sind oft ein Problem. Das Modul prüft, ob du alles mit Tab erreichst. Es fügt auch fehlende Tastenfunktionen hinzu. Solche Probleme heißen Tastatur-Fallen. Das Modul findet und löst diese Probleme.

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