Standards · WCAG 2.2

SC 2.5.7 Stufe AA WCAG 2.2 Neu in 2.2

Ziehbewegungen

Jede Funktion, die eine Ziehbewegung erfordert, muss auch mit einer einfachen Zeigergeste ohne Ziehen bedienbar sein — in der Regel per Tippen oder Klicken. Neu in WCAG 2.2.

Was gefordert wird

Wenn eine Funktion per Ziehen ausgeführt werden kann — Elemente neu anordnen, einen Schieberegler verstellen, eine Karte verschieben, ein Unterschriften-Pad ausfüllen, einen Entsperrschieberegler bewegen — muss dieselbe Funktion auch mit einer einfachen Zeigergeste ohne Ziehen ausführbar sein. Ein Tippen auf eine Schaltfläche, ein Klick auf einen Pfeil, die Eingabe eines Werts oder die Auswahl aus einem Menü erfüllen diese Anforderung jeweils.

Die Regel gilt unabhängig davon, ob die Ziehbewegung horizontal, vertikal oder frei ist. Ausgenommen sind Fälle, in denen das Ziehen für die Funktion essenziell ist — etwa beim Zeichnen in einer Mal-App oder beim Bewegen des analogen Sticks eines virtuellen Joysticks.

So wird die Anforderung erfüllt

  • Sortierbare Listen: Pfeil-nach-oben- und Pfeil-nach-unten-Schaltflächen neben jedem Element hinzufügen oder ein Menü „An Position verschieben …“ anbieten. Ziehen funktioniert weiterhin für Mausnutzende; die Schaltflächen decken alle übrigen ab.
  • Schieberegler: <input type="range"> (oder role="slider" mit Pfeiltastenunterstützung) verwenden, damit Werte per Tastatur oder durch Eingabe in ein gekoppeltes Zahlenfeld gesetzt werden können.
  • Karten-Schwenken/-Zoomen: sichtbare Vergrößern/Verkleinern- und Richtungssteuerungen hinzufügen oder ein Suchfeld für die direkte Navigation akzeptieren.
  • Karussells: Schaltflächen „Zurück“ und „Weiter“ zusätzlich zur Wischgeste bereitstellen.
  • Preis-/Bereichsfilter mit Doppelschieberegler: diese mit zwei Zahleneingabefeldern koppeln.
  • Banner und Modaldialoge mit Ziehen-zum-Schließen-Funktion: eine sichtbare Schließen-Schaltfläche hinzufügen.
  • Unterschriftenerfassung: eine Alternative „Namen eintippen“ anbieten.

Häufige Fehler

  • Kanban-Boards im Trello-Stil, bei denen Karten nur durch Ziehen zwischen Spalten verschoben werden können.
  • Sortiiergriffe in Einstellungen oder Wiedergabelisten ohne Tastatur- oder Schaltflächenalternative.
  • Doppelschieberegler, die das Ziehen beider Endpunkte erfordern und über keine Min-/Max-Eingabefelder verfügen.
  • Bildvergleichsregler (Vorher/Nachher) ohne Schaltflächen zum schrittweisen Verschieben des Trenners.
  • Farbauswahlfelder, bei denen Farbton und Sättigung nur durch Ziehen im Picker eingestellt werden können.
  • „Zum Bestätigen schieben“- oder „Zum Entsperren schieben“-Steuerelemente ohne Tippen-Alternative.
  • Benutzerdefinierte Datumsbereichs-Picker, die eine Ziehauswahl über Kalenderzellen erfordern.

Warum es wichtig ist

Ziehen ist für Menschen mit eingeschränkter Feinmotorik, Tremor, einhändiger Smartphone-Nutzung sowie für Personen mit Mundstab oder Kopfzeiger schwierig oder unmöglich. Es stellt auch für viele Switch-Control- und Sprachsteuerungsnutzende ein Problem dar — es gibt keinen naheliegenden Sprachbefehl für „die dritte Karte in die zweite Spalte ziehen“. 2.5.7 ist neu in WCAG 2.2 und hat die Gestaltung von Neuordnungsoberflächen in Produktteams grundlegend verändert: Die meisten modernen Design-Systeme liefern heute standardmäßig Pfeilschaltflächen-Alternativen mit. Dieses Erfolgskriterium ist bei Dashboards, Projektmanagement-Tools und jeder auf sortierbaren Listen aufbauenden Oberfläche als häufiger Befund zu erwarten.