Prüfpunkt 2.5.6Stufe AAAZeiger, Gesten und Zielgrößen
Warum sollen Maus, Finger, Stift und Tastatur gleichzeitig funktionieren?
Manche Seiten entscheiden beim Laden, ob ein Gerät Touch hat, und schalten dann die Mausbedienung ab, oder umgekehrt. Ein Tablet mit Tastatur, ein Laptop mit Touchscreen, ein Mensch, der zwischen Stift und Sprachsteuerung wechselt: Für sie bricht die Bedienung. Das Kriterium 2.5.6 der Stufe AAA verlangt, dass eine Website keine Eingabeart ausschließt und den Wechsel jederzeit zulässt.
Was das Kriterium verlangt
Die Seite beschränkt die Bedienung nicht auf eine Eingabeart, außer die Beschränkung ist für Sicherheit nötig oder vom Besucher gewählt. Maus, Touch, Stift, Tastatur und Hilfstechnik, die diese nachbildet, funktionieren nebeneinander und im Wechsel. Verstöße entstehen fast immer durch Skripte: eine Erkennung „Touch-Gerät“ beim Laden, die Hover-Menüs abschaltet; Ereignisbehandlung nur für Touch-Ereignisse ohne Klick; Sperren der Tastatur in einem Widget, weil „hier bedient man mit dem Finger“.
Für wen das zählt
Menschen mit motorischen Einschränkungen wechseln oft die Eingabeart je Aufgabe: Tastatur zum Schreiben, Touch zum Navigieren, Sprachsteuerung für Befehle. Menschen mit Schaltern oder Kopfmaus arbeiten mit Hilfstechnik, die sich mal als Maus, mal als Tastatur meldet. Wer eine Eingabeart sperrt, sperrt sie aus. Nebenbei betrifft es jeden mit einem Laptop, der Touchscreen und Trackpad hat.
So gehen wir damit um
Die Messung findet Skripte, die auf Touch-Erkennung verzweigen, und Elemente mit Ereignisbehandlung nur für eine Eingabeart, und weist sie als Hinweis aus. Ob der Wechsel der Eingabearten funktioniert, prüft ein Mensch mit einem Gerät, das mehrere hat. Das Kriterium gehört zur Kategorie AAA im Wissen.
Beispiele
Touch-Erkennung schaltet die Maus ab
if ("ontouchstart" in window) {
document.body.classList.add("touch"); // Hover-Menüs aus, Maus-Ereignisse ignoriert
}element.addEventListener("pointerdown", start);
element.addEventListener("pointerup", ende);
element.addEventListener("click", ausloesen);
// keine Verzweigung nach Gerät: jede Eingabe, die kommt, wird verarbeitetEin Laptop mit Touchscreen und ein Mensch mit Sprachsteuerung wechseln die Eingabeart jederzeit.
So gehen Sie es an
- Nutzen Sie die Zeiger-Ereignisse (pointerdown, pointerup, click) statt getrennter Maus- und Touch-Ereignisse.
- Verzweigen Sie nie beim Laden auf „Touch-Gerät“ oder „Desktop“; reagieren Sie auf die Eingabe, die gerade kommt.
- Sorgen Sie, dass jede Touch-Geste auch per Klick und Tastatur geht (Kriterium 2.5.1).
- Testen Sie auf einem Laptop mit Touchscreen: Maus, Finger, Tastatur im Wechsel auf derselben Seite.
Weiter im Prüfbereich Barrierefreiheit
- Wie erklärt eine Website ungewöhnliche Wörter und Fachbegriffe?WCAG 2.2 Kriterium 3.1.3 (Stufe AAA): Für Fachwörter, Redewendungen und Jargon gibt es eine Erklärung, etwa ein Glossar oder eine Definition im Text.
- Wie werden Abkürzungen auf einer Website verständlich?WCAG 2.2 Kriterium 3.1.4 (Stufe AAA): Für jede Abkürzung gibt es die ausgeschriebene Form oder eine Erklärung, beim ersten Vorkommen oder über abbr.
- Wie verständlich muss ein Text sein und wann braucht er eine einfache Fassung?WCAG 2.2 Kriterium 3.1.5 (Stufe AAA): Texte über dem Leseniveau der Unterstufe bekommen eine einfache Fassung oder Zusammenfassung. Messung, Umsetzung.
- Wann muss eine Website die Aussprache eines Wortes angeben?WCAG 2.2 Kriterium 3.1.6 (Stufe AAA): Hängt die Bedeutung eines Wortes von der Aussprache ab, ist die Aussprache verfügbar. Beispiele im Deutschen und die Umsetzung.
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: Gilles Lambert, CC0
.jpg){kind=link}