--- title: "Tastatur (Keine Ausnahme)" url: "https://denniswagner.de/wcag/2-1-3-tastatur-keine-ausnahme" language: "de" description: "Wenn der Code perfekt sein muss." published: "2025-01-01T08:00:00+01:00" updated: "2026-10-06T15:44:24+02:00" --- # Tastatur (Keine Ausnahme) Wenn der Code perfekt sein muss. - **Erfolgskriterium:** 2.1.3 - **Prinzip:** Bedienbar - **Konformitätsstufe:** Level AAA Bedienbar·Level AAA·Erfolgskriterium 2.1.3 # 2.1.3 Tastatur (Keine Ausnahme) ## 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 ## Weitere Kriterien aus „Bedienbar“ [ 2.1.1 Level A ### Tastatur Wenn jeder Klick auch ein Tastendruck sein kann. ](https://denniswagner.de/wcag/2-1-1-tastatur) [ 2.1.2 Level A ### No Keyboard Trap Wenn der Exit fehlt. ](https://denniswagner.de/wcag/2-1-2-no-keyboard-trap) [ 2.1.4 Level A ### Character Key Shortcuts Wenn einzelne Tasten zum Problem werden. ](https://denniswagner.de/wcag/2-1-4-character-key-shortcuts)