2.5.7 Ziehbewegungen

Was bedeutet das?

Ziehen bedeutet: drücken, gedrückt halten, bewegen, loslassen. Für Menschen mit motorischen Einschränkungen oder mit Kopf- oder Augensteuerung ist das sehr mühsam. Daher muss es für jede Ziehbewegung eine Alternative mit einzelnen Klicks oder Taps geben, etwa Pfeilknöpfe, Eingabefelder oder ein Menü „Verschieben nach“.

Das Kriterium betrifft nur Ziehbewegungen, die Ihre Website selbst umsetzt, nicht etwa das Scrollen des Browsers. Eine Ausnahme gilt, wenn das Ziehen wesentlich ist. Die Tastaturbedienung allein reicht hier nicht, denn sie hilft Zeigernutzern nicht; die Tastatur regelt Kriterium 2.1.1.

Wem hilft das?

• Menschen mit motorischen Einschränkungen, die nicht gedrückt halten und gleichzeitig bewegen können
• Menschen, die mit Kopfmaus, Augensteuerung oder Trackball arbeiten
• Menschen mit Tremor

Typische Fehler

• Eine sortierbare Liste, etwa für Prioritäten oder Wunschlisten, lässt sich nur per Ziehen umordnen
• Ein eigener Preis- oder Mengenregler funktioniert nur durch Ziehen des Griffs
• Dateien lassen sich nur per Ziehen in einen Bereich hochladen, ohne Auswahlknopf
• Ein Kartenausschnitt lässt sich nur durch Ziehen verschieben, ohne Pfeilknöpfe

So prüfen wir das

• Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Alles, was per Ziehen geht (Slider, sortierbare Listen, Karten), geht auch mit einfachen Klicks.

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

<li draggable="true">Wanderschuh Alpin</li>

<li draggable="true">
  Wanderschuh Alpin
  <button type="button" aria-label="Wanderschuh Alpin nach oben">↑</button>
  <button type="button" aria-label="Wanderschuh Alpin nach unten">↓</button>
</li>

Das Ziehen bleibt möglich, aber zwei Knöpfe verschieben den Eintrag auch mit einfachem Klick oder Tap.

Praxistipps

• Ein natives input type="range" erfüllt das Kriterium in aktuellen Browsern, da ein Klick auf die Schiene den Wert setzt.
• Bieten Sie beim Hochladen immer auch einen Knopf „Datei auswählen“ an.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 2.5.7 Dragging Movements