Full keyboard navigation
Jede Funktion ist erreichbar ohne Maus. Das ist wichtig für Nutzer von Bildschirmlesegeräten. Es hilft auch allen anderen.
What does "Full keyboard navigation" mean?
Tastatur-Navigation bedeutet: Man kann jede Funktion auf einer Website mit bestimmten Tasten bedienen. Dazu gehören Tab, Enter, Space, Pfeiltasten und Esc. Keine Maus ist nötig. Funktionen dürfen nicht nur mit Maus funktionieren. Effekte, die nur beim Drübergehen mit der Maus sichtbar sind, dürfen nicht die einzige Möglichkeit der Bedienung sein.
Obligation and Benefit — WCAG 2.1.1.
Die Regel WCAG 2.1.1 (Keyboard) ist eine Pflicht. Ohne Tastatur-Bedienung kann eine Seite nicht von Bildschirmlesegeräten oder Personen mit Bewegungseinschränkungen benutzt werden. Auch erfahrene Nutzer brauchen das. Zusätzlich gilt Regel 2.1.2 (No Keyboard Trap). Der Fokus muss immer wieder aus jedem Bereich herauskommen. Karussells, Modals und spezielle Dropdowns sind die häufigsten Probleme.
How we will solve it specifically.
- All buttons are
or<a href="/en/…/">(not<div onclick>). - Tab order corresponds to the reading order — not arbitrary
tabindex. - Carousels: Arrow keys + ESC Pause; Modals: Focus Trap with ESC Close + Focus Return.
- Hover menus have a keyboard-activated click trigger.
- Keyboard walkthrough test before each release — see verification checklist.
Related building blocks of our module suite
-
AAA contrasts, tested per component
WCAG 1.4.6≥ 7:1 for text, ≥ 4.5:1 for large font — tested per component, not per page sample.
-
Plain language (AI-supported)
WCAG 3.1.5Content simplified at the touch of a button — for people with reading difficulties, language learners and those in a hurry.
-
AI alt text generator
WCAG 1.1.1Kein „Bild ohne Beschreibung" mehr. KI liefert den ersten Entwurf — Redaktion verfeinert.
-
Heading-Hygiene & Struktur-Manager
WCAG 1.3.1Clean outline for screen readers and search engines — one H1 per page, no jumps.
Do you need this exact module?
15 Minuten für ein erstes Gespräch. Wir klären, ob das für Ihre Seite wichtig ist. Weitere Infos: Übersicht zur Barrierefreiheit, unser Leistungsangebot, BAFA-Förderung und häufig gestellte Fragen.
