WCAG 2.5.7: Ziehbewegungen

Jede Funktion, die eine Ziehbewegung verlangt – Drag-and-drop, Slider ziehen, Karten verschieben, Listen umsortieren –, muss auch mit einem einzelnen Zeiger ohne Ziehen bedienbar sein: klicken, tippen, auswählen. Ziehen darf Komfort sein, nie Voraussetzung. (Englisch: Dragging Movements.)

Was verlangt das Kriterium?

2.5.1 Zeigergesten deckte pfadbasierte Gesten ab – 2.5.7 schließt die Lücke beim klassischen Ziehen (Startpunkt greifen, woanders loslassen, Pfad egal). Ausnahmen: Das Ziehen ist essenziell, oder es kommt vom Browser/Betriebssystem selbst (Text markieren, natives Scrollen).

Bewährte Alternativen je Muster:

• Sortierbare Liste: „Nach oben/unten“-Buttons je Eintrag oder ein „Verschieben nach…“-Menü.
• Kanban-Board: Eintrag auswählen → Zielspalte aus Menü wählen.
• Slider: Zahlenfeld oder Plus/Minus-Schritte zusätzlich zum Griff.
• Datei-Upload per Drop-Zone: der klassische „Datei auswählen“-Button (den das native <input type="file"> ohnehin mitbringt).
• Karte verschieben: Pfeil-Buttons bzw. Adresssuche.

Wen betrifft es besonders?

Menschen mit Tremor, Spastik oder Kraftverlust: Gedrückt halten und präzise bewegen ist genau die Kombination, die nicht geht. Auch Kopfmaus-, Eye-Tracking- und Sprachsteuerungs-Nutzer können Klicks gut, kontinuierliches Ziehen kaum.

Richtig & falsch im Code

<!-- Falsch: Umsortieren nur per Drag-Handle -->
<li draggable="true">Position 3 – Newsletter-Anmeldung</li>

<!-- Richtig: Ziehen als Komfort, Buttons als Weg -->
<li draggable="true">
  Newsletter-Anmeldung
  <span class="reorder">
    <button type="button" aria-label="Newsletter-Anmeldung nach oben">↑</button>
    <button type="button" aria-label="Newsletter-Anmeldung nach unten">↓</button>
  </span>
</li>

Die Buttons lösen nebenbei das Tastatur-Problem mit – Drag-and-drop ist ohne Zusatzarbeit auch für Tastaturnutzer unerreichbar. Das komplette Muster inklusive Ansagen per Live-Region steht unter Karten & Drag-and-drop.

So testest du es

1. Inventur: Wo wird gezogen? (Slider, Sortierung, Upload, Karten, Kanban, Zeitleisten.)
2. Für jede Stelle: Geht dieselbe Funktion mit einzelnen Klicks/Taps – ohne Umweg über „mobile Sonderansicht“?
3. Gegenprobe Tastatur: Auch ohne Zeiger bedienbar?

Verwandte Themen

• Karten & Drag-and-drop – Umsetzungsmuster mit Code
• 2.5.1 Zeigergesten – der Gesten-Vorgänger
• Die neuen WCAG-2.2-Kriterien – alle Neuerungen im Überblick