1. Was ist das Ziel dieses Kriteriums?
Die Tastatur ist für manche Menschen der einzige Weg durchs Internet – wie der Hausschlüssel für Menschen im Rollstuhl beim Betreten der eigenen Wohnung. Während Erfolgskriterium 2.1.1 bereits eine solide Basis für Tastaturzugänglichkeit schafft, geht 2.1.3 den entscheidenden Schritt weiter: Hier sind keine Ausnahmen erlaubt.
Das Ziel von Erfolgskriterium 2.1.3 der WCAG ist kristallklar: Jede einzelne Funktion einer Website muss über die Tastatur bedienbar sein – ohne Wenn und Aber. Wo 2.1.1 noch Ausnahmen für pfadabhängige Eingaben (wie Freihandzeichnen) zuließ, räumt 2.1.3 auch diese letzten Hürden aus dem Weg.
2. Was fordert das Erfolgskriterium genau?
Ganz konkret verlangt Level AAA, dass absolut alle Funktionalitäten ohne Maus, Touch oder Gesten nutzbar sind:
Vollständige Tastaturzugänglichkeit ohne Ausnahmen: Jeder Button, jedes Menü, jede interaktive Komponente muss über Tastatur erreichbar und bedienbar sein.
Keine zeitkritischen Tastatureingaben: Nutzer dürfen nicht unter Zeitdruck gesetzt werden – keine „Doppelklick-Simulationen" oder „Enter 3 Sekunden gedrückt halten"-Funktionen.
Pfadabhängige Funktionen sind ausgeschlossen: Wenn eine Funktion zwingend pfadabhängige Eingaben benötigt (wie Freihandzeichnen), kann sie nicht Konformität zu diesem Kriterium erreichen. Das bedeutet: Solche Inhalte können Level AAA grundsätzlich nicht erfüllen.
Keine Mausemulation: Tools wie MouseKeys gelten nicht als Tastaturzugang, da sie die Mausschnittstelle emulieren, nicht die Tastaturschnittstelle nutzen.
Die Regel ist simpel: Was ein Nutzer mit der Maus kann, muss er auch mit der Tastatur können – punkt.
3. Warum ist das wichtig für Barrierefreiheit?
Stell dir vor, du sitzt vor einem wichtigen Online-Banking-Terminal, aber der Touchscreen reagiert nicht und es gibt keine Maus – nur eine Tastatur. Für Menschen mit Bewegungseinschränkungen oder Blindheit ist das kein Gedankenexperiment, sondern Alltag.
Vollständige Tastaturzugänglichkeit schafft echte Teilhabe, weil sie:
- Menschen mit motorischen Einschränkungen uneingeschränkten Zugang gibt, die auf Spezialtastaturen oder Mundsteuerung angewiesen sind.
- Blinde und sehbehinderte Nutzer unterstützt, deren Screenreader auf Tastaturnavigation basieren.
- Menschen mit temporären Einschränkungen hilft (gebrochener Arm, defekte Maus, unterwegs ohne Maus).
- Professionelle Nutzer anspricht, die aus Effizienzgründen Tastaturkürzel bevorzugen.
- Die Basis für assistive Technologien schafft, die auf Tastaturschnittstellen angewiesen sind.
Und nicht zuletzt: Es macht Websites zukunftssicher für neue Eingabemethoden und assistive Technologien.
4. So setzt du das Kriterium erfolgreich um
Level AAA erfordert Perfektion – hier ein paar bewährte Strategien, wie du diese erreichst:
Grundlagen perfektionieren:
- Nutze semantisches HTML (button, a, input) statt gestylte divs oder spans für interaktive Elemente.
- Implementiere saubere Tab-Reihenfolgen mit logischem Fokus-Management.
- Stelle sicher, dass alle Fokuszustände sichtbar und eindeutig sind.
- Verwende ARIA-Rollen und -Eigenschaften korrekt für komplexe Widgets.
Event-Handler richtig setzen:
- Ergänze onClick-Handler immer um onKeyDown/onKeyUp für Enter und Leertaste.
- Implementiere Pfeil-Navigation für Menüs, Tabs und Listen.
- Nutze Escape-Taste zum Schließen von Dialogen und Popups.
- Stelle Tab-Trapping in modalen Dialogen sicher.
Komplexe Interaktionen alternativ anbieten:
- Ersetze Drag-and-Drop durch Cut/Copy/Paste oder Buttons mit Pfeil-Navigation.
- Biete für Slider auch Eingabefelder oder Plus/Minus-Buttons an.
- Implementiere für Zeichenfunktionen Vorlagen oder Koordinaten-Eingabe.
- Verwende für Gestensteuerung immer zusätzliche Button-Alternativen.
Testen und validieren:
- Ziehe den Mausstecker raus und teste die komplette Website nur mit Tastatur.
- Prüfe mit Screenreadern (NVDA, JAWS) die Bedienbarkeit.
- Teste mit verschiedenen Eingabehilfen und assistiven Technologien.
- Validiere komplexe Workflows Schritt für Schritt.
5. Warum dieses Erfolgskriterium für Unternehmen relevant ist
Level AAA mag optional sein, aber die Business-Argumente sind stark:
1. Zielgruppe maximal erweitern
Tastatur-first Design erreicht nicht nur Menschen mit Behinderungen – es spricht Power-User, Entwickler und effizienzorientierte Nutzer an. In B2B-Umgebungen ist vollständige Tastaturunterstützung oft Kaufkriterium.
2. Rechtssicherheit und Zukunftsfähigkeit
Öffentliche Aufträge und Unternehmenskunden verlangen zunehmend höchste Accessibility-Standards. Wer Level AAA unterstützt, ist nicht nur rechtlich auf der sicheren Seite, sondern auch für zukünftige Anforderungen gerüstet.
3. Technische Exzellenz demonstrieren
Vollständige Tastaturzugänglichkeit ist ein Qualitätsmerkmal für durchdachte, professionelle Webentwicklung. Sie signalisiert technische Kompetenz und Nutzerorientierung – wichtige Faktoren für Vertrauen und Markenimage.
Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.
6. Das Erfolgskriterium im Wortlaut der W3
Success Criterion 2.1.3 Keyboard (No Exception) (Level AAA)
All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes.
Link zum konkreten Erfolgskriterium