Vollständige Tastatur-Navigation
Jede Funktion erreichbar — ohne Maus. Pflicht für Screenreader-Nutzer, Hilfe für jeden anderen.
Was bedeutet „Vollständige Tastatur-Navigation"?
Tastatur-Navigation bedeutet: jede interaktive Funktion einer Website ist mit Tab, Enter, Space, Pfeiltasten und Esc bedienbar. Keine Mausabhängigkeiten, keine Funktion, die nur per Hover oder Klick funktioniert. Hover-Effekte sind erlaubt, dürfen aber nicht die einzige Interaktionsmöglichkeit sein.
Pflicht und Nutzen — WCAG 2.1.1.
WCAG 2.1.1 (Keyboard) ist Level-A-Pflicht — ohne Tastatur-Bedienung ist eine Site für Screenreader-Nutzer, motorisch eingeschränkte Menschen und Power-User unbenutzbar. Plus: 2.1.2 (No Keyboard Trap) — Fokus muss aus jedem Bereich wieder herauskommen. Karussells, Modals, Custom-Dropdowns sind die häufigsten Fallen.
Wie wir es konkret lösen.
- Alle Buttons sind
<button>oder<a href="…">(nicht<div onclick>). - Tab-Reihenfolge entspricht der Lese-Reihenfolge — kein willkürliches
tabindex. - Karussells: Pfeiltasten + ESC-Pause; Modals: Fokus-Trap mit ESC-Close + Fokus-Rückgabe.
- Hover-Menüs haben einen tastatur-aktivierbaren Klick-Trigger.
- Test im Tastatur-Walkthrough vor jeder Freigabe — siehe Verifikations-Checkliste.
Verwandte Bausteine unserer Modulsuite
-
AAA-Kontraste, geprüft pro Komponente
WCAG 1.4.6≥ 7:1 für Text, ≥ 4,5:1 für große Schrift — geprüft pro Komponente, nicht pro Page-Stichprobe.
-
Leichte Sprache (KI-gestützt)
WCAG 3.1.5Inhalte auf Knopfdruck vereinfacht — für Menschen mit Lese-Einschränkungen, Sprachlerner und Eilige.
-
KI-Alttext-Generator
WCAG 1.1.1Kein „Bild ohne Beschreibung" mehr. KI liefert den ersten Entwurf — Redaktion verfeinert.
-
Heading-Hygiene & Struktur-Manager
WCAG 1.3.1Saubere Outline für Screenreader und Suchmaschinen — eine H1 pro Page, keine Sprünge.
Brauchen Sie genau dieses Modul?
15 Minuten Erstgespräch — wir klären, ob es für Ihre Site relevant ist.
Weiterführend:
BFSG-Übersicht ·
Leistungs-Übersicht ·
BAFA-Förderung ·
FAQs
