Prüfpunkt 2.1.3Stufe AAATastatur und Fokus
Wann ist eine Website vollständig mit der Tastatur bedienbar?
Die Stufe A (2.1.1) verlangt Tastaturbedienung für alle Funktionen, lässt aber eine Ausnahme: Wenn die Eingabe vom Weg der Bewegung abhängt, etwa beim Freihandzeichnen, darf sie der Maus vorbehalten bleiben. Das Kriterium 2.1.3 der Stufe AAA streicht diese Ausnahme. Jede Funktion ist mit der Tastatur erreichbar, auch das Zeichnen, das Verschieben auf einer Karte und das Spiel.
Was das Kriterium verlangt
Alle Funktionen der Seite lassen sich über die Tastatur ausführen, ohne dass eine bestimmte Zeitfolge der Tastendrücke nötig wäre. Für Aufgaben, die von Natur aus mit Bewegung arbeiten, heißt das: eine gleichwertige Tastatur-Fassung bauen. Ein Zeichenwerkzeug bekommt Eingabefelder für Koordinaten oder Pfeiltasten zum Setzen von Punkten; eine Karte lässt sich mit Pfeiltasten verschieben und mit Plus und Minus zoomen; ein Sortier-Spiel bekommt Tastenkürzel zum Aufnehmen und Ablegen.
Für wen das zählt
Menschen, die keine Maus führen können, weil Hände zittern, Kraft fehlt oder die Sehkraft den Zeiger nicht findet, arbeiten ausschließlich mit Tastatur, Schaltern oder Sprachsteuerung, die Tastatureingaben nachbildet. Für sie ist eine Funktion ohne Tastaturweg schlicht nicht vorhanden. Die Stufe-A-Ausnahme betrifft wenige Elemente, aber genau diese sind oft die wertvollsten: die interaktive Karte, der Unterschriftenblock, der Editor.
So gehen wir damit um
Der Messkern prüft die Tastaturbedienung der Stufe A: Fokusreihenfolge, erreichbare Elemente, Fokusfallen. Ob eine Bewegungsfunktion einen gleichwertigen Tastaturweg hat, entscheidet ein Prüfer am Bildschirm. Das Kriterium gehört zur Kategorie AAA im Wissen; im Bericht erscheinen Bewegungsflächen als Hinweis zum Nachprüfen.
Beispiele
Karte nur mit der Maus verschiebbar
<div id="karte" class="ziehbar"></div><div id="karte" tabindex="0" role="application" aria-label="Karte, Pfeiltasten verschieben, Plus und Minus zoomen"></div>
<script>
karte.addEventListener("keydown", (e) => {
if (e.key === "ArrowLeft") verschiebe(-50, 0);
if (e.key === "+") zoom(1);
});
</script>Ohne die Ausnahme der Stufe A braucht auch eine Bewegungsfunktion einen gleichwertigen Tastaturweg.
So gehen Sie es an
- Listen Sie alle Funktionen auf, die heute nur mit der Maus gehen: Zeichnen, Ziehen, Karten, Schieberegler, Unterschrift.
- Bauen Sie je Funktion einen Tastaturweg: Pfeiltasten für Bewegung, Eingabefelder für Werte, Tastenkürzel für Aufnehmen und Ablegen.
- Erklären Sie die Tastenbelegung sichtbar neben dem Element, nicht nur im Hilfetext.
- Legen Sie die Maus weg und arbeiten Sie eine Stunde nur mit der Tastatur durch die Seite.
Weiter im Prüfbereich Barrierefreiheit
- Warum sollte eine Website ohne Zeitbegrenzung auskommen?WCAG 2.2 Kriterium 2.2.3 (Stufe AAA): Keine Funktion hängt von einer Zeitbegrenzung ab, außer bei Echtzeit-Ereignissen. Was Sitzungen, Formulare und Quiz betrifft.
- Wie lassen sich Unterbrechungen auf einer Website abschalten?WCAG 2.2 Kriterium 2.2.4 (Stufe AAA): Besucher können Unterbrechungen wie Hinweisfenster und Aktualisierungen verschieben oder abschalten, außer bei Notfällen.
- Was passiert mit Eingaben, wenn die Sitzung abläuft?WCAG 2.2 Kriterium 2.2.5 (Stufe AAA): Läuft eine Anmeldung ab, kann der Besucher sich neu anmelden und den Vorgang ohne Datenverlust fortsetzen. So wird es gebaut.
- Warum muss eine Frist vor dem Start genannt werden?WCAG 2.2 Kriterium 2.2.6 (Stufe AAA): Kann Untätigkeit zu Datenverlust führen, steht die Frist vorher da, außer sie beträgt mehr als 20 Stunden. Was zu tun ist.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Glenn Carstens-Peters, CC0
.jpg){kind=link}