Zum Inhalt springen

KI-Agentur Osnabrück Automatisierung & Workflows BFSG-konformes Webdesign Westerkappeln · Region 100 km um Osnabrück · deutschlandweit

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.

Modul aktivieren lassen Alle Module
Was es macht

Funktion in einem Satz — und in drei 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.

WCAG 2.4.3

Tabindex Manager

Repariert die Tab-Reihenfolge, eliminiert positive `tabindex`-Werte und springt fehlerhafte Sprünge.

WCAG 2.4.11

Sichtbarer Fokus

Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.

WCAG 4.1.2

ARIA Manager

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.

Erstgespräch buchen