- Stufe
- AA
- Seit
- WCAG 2.2
2.5.7 Ziehbewegungen
Alles, was durch Ziehen erledigt wird, etwa das Umsortieren einer Liste oder das Verschieben eines Schiebereglers, muss auch mit einzelnem Tippen oder Klicken möglich sein, außer das Ziehen ist wesentlich.
/ Was es verlangt
Eine Ziehbewegung ist ein Vorgang, bei dem der Zeiger ein Element beim Down-Ereignis erfasst und das Element oder eine Darstellung seiner Position dem Zeiger bis zum Up-Ereignis folgt. Sie verlangt Drücken, Halten, Bewegen und Loslassen in einer kontrollierten Bewegung. Das Kriterium verlangt, dass jede so bediente Funktion auch mit einem einzelnen Zeiger ohne Ziehen erreichbar ist: ein Element antippen und dann das Ziel, Pfeilschaltflächen oder ein Menü verwenden oder einen Wert in ein Feld eintippen. Es hilft Menschen mit Tremor oder schwachem Griff und Menschen, die einen Trackball, einen Kopfzeiger, Augensteuerung oder eine sprachgesteuerte Maus nutzen und für die Ziehen fehleranfällig oder unmöglich ist.
Ziehen darf der einzige Weg bleiben, wenn es wesentlich ist oder wenn der Browser es bereitstellt und der Autor es nicht verändert hat, etwa beim Scrollen einer Seite oder eines Bereichs, der mit CSS overflow scrollbar gemacht wurde. Ersetzt ein Skript das Scrollen des Browsers durch ein eigenes, fällt dieses Scrollen unter das Kriterium. Die Alternative muss nicht dasselbe Bedienelement sein: Ein Farbrad besteht, wenn daneben Textfelder für den Farbwert stehen. Tastaturbedienung wird gesondert unter 2.1.1 bewertet und erfüllt dieses Kriterium nur, wenn sie mit Bedienelementen zum Klicken oder Tippen einhergeht, und auch ein Wischen taugt nicht als Alternative, weil es an 2.5.1 scheitern würde.
Dieses Kriterium ist neu in WCAG 2.2 und nicht Teil von WCAG 2.0 oder 2.1.
/ Woran Seiten scheitern
- Eine sortierbare Liste lässt sich nur durch Ziehen der Einträge nach oben und unten umordnen, ohne Verschiebe-Schaltflächen und ohne Positionsfeld.
- Karten auf einem Kanban-Board ändern ihren Status nur, wenn man sie in eine andere Spalte zieht.
- Ein selbst gebauter Schieberegler ändert seinen Wert nur, wenn sein Griff gezogen wird, und ein Klick auf die Schiene bewirkt nichts.
- Ein Werkzeug zum Zuschneiden setzt die Auswahl nur durch Ziehen der Ecken, ohne Zahlenfelder und ohne die Möglichkeit, die Ecken per Klick zu setzen.
- Ein Zuordnungsquiz verlangt, von jedem Element eine Linie zu seinem Gegenstück zu ziehen, und ein Klick auf das eine und dann auf das andere Element bewirkt nichts.
/ So prüfen Sie es selbst
- Erfassen Sie jede Funktion, die auf Ziehen reagiert: sortierbare Listen, Kanban-Boards, Schieberegler, Karten, Werkzeuge zum Zuschneiden und Auswählen, Farbwähler, Karussells zum Ziehen sowie Zuordnungs- oder Zeichenaufgaben.
- Bedienen Sie jede davon nur mit Tippen oder Klicken, ohne die Taste während einer Bewegung gedrückt zu halten.
- Ist die einzige Alternative eine Tastatur, zählt sie hier nicht. Prüfen Sie, ob es auf dem Bildschirm etwas zum Klicken oder Tippen gibt.
- Prüfen Sie, ob die Alternative zu denselben Ergebnissen führt wie das Ziehen, etwa zu jeder Position in der Liste oder in jede Spalte des Boards.
- Lassen Sie das Scrollen der Seite oder eines scrollbaren Bereichs mit den Mitteln des Browsers beiseite, das der Browser bereitstellt, außer ein Skript hat es ersetzt.
/ So beheben Sie es
- Ergänzen Sie in sortierbaren Listen jeden Eintrag um Schaltflächen „nach oben“ und „nach unten“ oder um ein Zahlenfeld für seine Position.
- Geben Sie auf Boards jeder Karte ein Menü „Verschieben nach“, das die übrigen Spalten auflistet.
- Bauen Sie Schieberegler auf input type="range" auf oder lassen Sie eine eigene Schiene an jeder Stelle einen Klick oder ein Tippen annehmen, und ergänzen Sie ein Textfeld für einen genauen Wert.
- Lassen Sie in Werkzeugen zum Zuschneiden und Auswählen eine Ecke und dann die gegenüberliegende Ecke anklicken, und bieten Sie Zahlenfelder für Position und Größe an.
- Geben Sie ziehbaren Karten und Karussells Schaltflächen zum Verschieben der Ansicht und für das vorige und nächste Element.
/ Was unser Scanner prüft
Nichts in unserem Scan erkennt Ziehen. Ein Ziehen wird im Skript über Pointer-Ereignisse oder die Drag-and-Drop-Schnittstelle verarbeitet, der Scan liest diese Handler nicht und zieht selbst nie etwas. Die HTML_CodeSniffer-Version in unserem Validator hat für 2.5.7 überhaupt keinen Test. In der manuellen Prüfung kontrolliert ein Mensch jede ziehbare Funktion auf eine Alternative zum Klicken oder Tippen.
/ Wer es verletzt, nach unseren eigenen Messungen
Der wöchentliche Index hat für dieses Kriterium keine Zahlen, weil keine Prüfung des Website-Scans es testen kann. Ein Mensch beurteilt es, und genau dafür gibt es ein manuelles Audit.
Eine Seite je Stelle, automatisch im Wochenrhythmus gemessen. Behebungen seit dem letzten Durchlauf erscheinen beim nächsten, und jede Eintragsseite bietet ein Recht auf Gegendarstellung.
/ Fragen zu diesem Kriterium
Ist Drag and Drop nach WCAG 2.2 erlaubt?
Ja. Ziehen darf bleiben. 2.5.7 verlangt einen zweiten Weg zum selben Ergebnis mit einem einzelnen Zeiger und ohne Ziehen, etwa Verschiebe-Schaltflächen, ein Menü oder ein Tippen auf das Ziel. Ziehen ohne eine solche Alternative verletzt das Kriterium, außer es ist wesentlich oder der Browser stellt es unverändert bereit.
Erfüllt Tastaturbedienung für Drag and Drop 2.5.7?
Für sich allein nicht. Tastaturzugang verlangt 2.1.1 Tastatur, und er wird gesondert geprüft. 2.5.7 betrifft Menschen, die einen Zeiger nutzen, oft auf einem Touchscreen ohne Tastatur, die Alternative muss also etwas sein, das sie anklicken oder antippen können.
Ist 2.5.7 Ziehbewegungen für die Konformität auf Stufe AA erforderlich?
Nach WCAG 2.2 ja. Es ist ein Kriterium der Stufe AA, das mit WCAG 2.2 hinzugekommen ist, eine Prüfung nach WCAG 2.2 AA schließt es also ein. Zu WCAG 2.0 und 2.1 gehört es nicht, eine Prüfung nach diesen Versionen testet es daher nicht.