2.5.1 Pointer Gestures

WCAG – Definition

Alle Funktionen, die komplexe Gesten mit mehreren Fingern oder Pfaden erfordern (z. B. Pinch-to-Zoom, Wischen in mehrere Richtungen), müssen auch mit einer einfachen Zeigergeste (z. B. einfacher Klick oder Tippen) nutzbar sein.

Bedeutung

  • Menschen mit motorischen Einschränkungen oder bei Nutzung von Eingabehilfen (Headsticks, Sprachsteuerung, Spezialmaus) können komplexe Gesten nicht oder nur schwer ausführen.

  • Auch für Desktop-Nutzer ohne Touchscreen ist eine Alternative wichtig.

  • Ziel: Funktionen müssen robust und mit einfachster Eingabe bedienbar sein.

Ausreichende Techniken

Alternative zu Gesten anbieten

Beispiel: Bildergalerie

Schlecht: Nur Wischgeste → nicht nutzbar mit Tastatur/Maus.

Gut: Zusätzlich Buttons:

<div class="gallery">
  <button id="prev">← Vorheriges</button>
  <img src="bild1.jpg" alt="Foto 1">
  <button id="next">Nächstes →</button>
</div>

Pinch-to-Zoom durch Buttons ergänzen

statt ausschließlich „Zwei-Finger-Zoom“.

<div class="zoom-controls">
  <button onclick="zoomIn()">+</button>
  <button onclick="zoomOut()">-</button>
</div>

Drag-and-Drop mit Alternativen

Schlecht: Nur ziehen per Maus.

Gut: Ergänzung: Buttons für Verschieben.

<ul>
  <li>Element A <button>Nach oben</button> <button>Nach unten</button></li>
  <li>Element B <button>Nach oben</button> <button>Nach unten</button></li>
</ul>

Einfachere Touch-Events verwenden

Statt nur touchmove → auch click und keydown berücksichtigen.

Beratungstechniken

  • Ergänzende UI-Elemente: Buttons oder Menüpunkte, die die gleiche Funktion erfüllen.

  • Gesten dokumentieren: Wenn Gesten existieren, Nutzer darauf hinweisen (z. B. „Zum Löschen wischen oder Button benutzen“).

  • Konsistenz: gleiche Funktion = gleiche Alternative (nicht auf einer Seite Wischgeste + Button, auf der anderen nur Wischgeste).

  • Vermeiden von „hidden gestures“: Funktionen, die nur per Wisch oder Pinch erreichbar sind, ohne sichtbare Alternative, sind nicht barrierefrei.

Fehler

  • Bildergalerie nur durch Wischen steuerbar, keine Pfeil-Buttons.
  • Karten-App nur durch Zwei-Finger-Gesten zoombar.
  • Drag-and-Drop ohne Alternative → keine Möglichkeit per Tastatur oder Button.
  • Buttons zwar vorhanden, aber zu klein oder schlecht erreichbar.
  • Alternative Funktion versteckt (z. B. nur im Kontextmenü oder nur für Sehende sichtbar).