WCAG 2.5.7 Ziehbewegungen

Das Erfolgskriterium 2.5.7 ist neu in WCAG 2.2. Es hilft Menschen, die einen Zeiger nicht gedrückt halten und gleichzeitig bewegen können: Menschen mit Zittern oder eingeschränkter Fingerfertigkeit und Menschen, die einen Trackball, eine Kopfmaus, eine Augensteuerung oder Sprachsteuerung nutzen. Es gehört zur Konformitätsstufe AA und ist Teil von EN 301 549 (Abschnitt 9.2.5.7). Das BFSG verweist über die harmonisierte Norm EN 301 549 auf diese Anforderungen.

Was das Erfolgskriterium verlangt

Alle Funktionen, die zur Bedienung eine Ziehbewegung verwenden, lassen sich mit einem einzelnen Zeiger ohne Ziehen erreichen, es sei denn, das Ziehen ist wesentlich oder die Funktion wird vom User Agent bestimmt und vom Autor nicht verändert.

• Eine Ziehbewegung beginnt mit dem Drücken auf ein Element, bewegt den Zeiger bei gedrückter Taste und endet mit dem Loslassen.
• Eine Alternative mit einem einzelnen Zeiger ist ein Klick, Tippen oder langes Drücken — zum Beispiel das Antippen einer Position oder von Buttons für „hoch“ und „runter“.
• Das Kriterium gilt für Zeigeraktionen, die der Webinhalt auswertet, nicht für Ziehen, das den Browser oder assistive Technologien bedient.

Beispiele des W3C: ein Slider, bei dem ein Tippen auf die Schiene den Regler bewegt, eine sortierbare Liste, in der sich ein Eintrag per Buttons verschieben lässt, und eine Karte mit Pfeil-Buttons zum Verschieben.

Typische Fehler in Onlineshops

• ein Preisfilter mit zwei Reglern, die sich nur ziehen lassen;
• ein „Vergleichen“- oder Vorher/Nachher-Bildslider, der nur durch Ziehen der Trennlinie funktioniert;
• sortierbare Wunschzettel, Geschenklisten oder Produktbundles, die sich nur per Drag and Drop umsortieren lassen;
• ein Bild-Upload (für individuelle Drucke oder Bewertungen), der Dateien nur per Ziehen auf eine Ablagefläche annimmt;
• eine Filialfinder-Karte, die sich nur durch Ziehen verschieben lässt.

So prüfen Sie es

Automatisch: Für dieses Kriterium gibt es keine axe-core-Regel. Ob eine Ziehaktion eine Alternative ohne Ziehen hat, hängt vom per Skript gesteuerten Verhalten ab, deshalb ist eine manuelle Prüfung nötig.

Manuell: Listen Sie jedes Element auf, das sich ziehen lässt: Slider, Karussells, Karten, sortierbare Listen, Ablageflächen, Zuschneide-Werkzeuge. Versuchen Sie für jede Funktion, dasselbe Ergebnis nur mit einzelnen Klicks oder Tippen zu erreichen, ohne die Taste beim Bewegen gedrückt zu halten. Gelingt das nicht, ist es ein Verstoß.

So beheben Sie es

• Machen Sie Slider-Schienen klickbar und ergänzen Sie Preisfilter um Zahlenfelder oder +/−-Buttons.
• Ergänzen Sie sortierbare Listen um Buttons „Nach oben“ / „Nach unten“ oder ein Positionsmenü.
• Kombinieren Sie eine Ablagefläche immer mit einem Button „Datei auswählen“ (ein natives <input type="file">).
• Ergänzen Sie Karten um Pfeil-Buttons und Zoom-Steuerelemente.
• Ergänzen Sie Vorher/Nachher-Slider um Buttons oder einen Umschalter für die Ansichten.

Verwandte Kriterien

• 2.5.1 Zeigergesten — Mehrpunkt- und pfadbasierte Gesten brauchen Alternativen.
• 2.5.8 Zielgröße (Minimum) — die alternativen Buttons müssen groß genug sein.
• 2.1.1 Tastatur — dieselben Funktionen müssen per Tastatur funktionieren.

Häufige Fragen

Verstößt ein Preis-Slider gegen WCAG 2.5.7?

Nur wenn sich die Regler ausschließlich durch Ziehen bewegen lassen. Wenn Nutzer auf die Schiene klicken oder tippen können, um einen Regler zu bewegen, oder wenn es Plus- und Minus-Buttons oder Zahlenfelder gibt, ist die von 2.5.7 verlangte Alternative mit einem einzelnen Zeiger vorhanden.

Reicht Tastaturunterstützung für 2.5.7?

Nein. Die Bedienung per Tastatur regelt 2.1.1; 2.5.7 verlangt einen Weg, der mit einem einzelnen Zeiger funktioniert, etwa per Klick oder Tippen, ohne Ziehen.

Was ist der Unterschied zwischen 2.5.7 und 2.5.1?

2.5.1 Zeigergesten betrifft Mehrpunkt- und pfadbasierte Gesten, bei denen der Pfad zählt. 2.5.7 betrifft das Ziehen, bei dem nur Start- und Endpunkt zählen, etwa beim Bewegen eines Slider-Reglers oder eines Listeneintrags.