Zum Inhalt springen

Beta — Entwurfsstand. Prüfordnung und Hinweistexte sind noch nicht rechtlich freigegeben; es werden derzeit keine verbindlichen Siegel ausgestellt.

Prüfpunkt 2.5.1Stufe AZeiger, Gesten und Zielgrößen

Warum brauchen Wischgesten eine einfache Klick-Alternative?

Wischgesten und Mehrfinger-Gesten brauchen eine einfache Alternative, weil viele Menschen sie nicht ausführen können: Wer mit einem Mundstab, einem Eingabestift oder zitternden Händen bedient, schafft einzelnes Tippen — aber kein präzises Wischen und kein Zwei-Finger-Zoomen. Das WCAG-Kriterium 2.5.1 verlangt deshalb für jede pfad- oder mehrfingerbasierte Geste einen gleichwertigen Weg mit einfachen Klicks oder Tipps.

Bildergalerie, Kartenzoom und Umblättern: die häufigsten Gesten-Fallen

Drei Muster tauchen immer wieder auf. Erstens die Bildergalerie, die sich nur per Wischen weiterblättern lässt — die Lösung sind sichtbare Vor- und Zurück-Schaltflächen neben den Bildern. Zweitens die eingebettete Karte, die nur per Zwei-Finger-Geste zoomt — die Lösung sind Plus- und Minus-Schaltflächen am Kartenrand. Drittens Listen oder Kacheln, bei denen eine Wischbewegung Aktionen wie Löschen einblendet — die Lösung ist eine sichtbare Menü-Schaltfläche je Eintrag. Die Geste darf bleiben; sie ist für viele der schnellere Weg. Gefordert ist der zweite, einfache Weg zum selben Ziel.

So weist der Prüfservice dieses Kriterium aus

Ob jede Gestenfunktion Ihrer Seite eine Klick-Alternative hat, lässt sich maschinell nicht belastbar feststellen: Dafür müsste die Prüfung Wischbewegungen auf der Seite ausführen und deren Wirkung mit allen sichtbaren Schaltflächen vergleichen. Unser Messkern arbeitet bewusst passiv und löst keine Gesten aus. Der Bericht weist das Kriterium deshalb offen als manuell zu prüfenden Punkt aus — eingebettet in unseren Katalog, der jedes der WCAG-Kriterien einzeln benennt: bestanden, verstoßen, manuell zu prüfen oder nicht automatisiert prüfbar. So bleibt jede Siegel-Aussage durch die Messung gedeckt.

Beispiele

Bildergalerie nur per Wischen

Verstoß
<div class="galerie" data-swipe="true">…</div>
Erfüllt
<div class="galerie" data-swipe="true">
  <button type="button" class="zurueck">Vorheriges Bild</button>
  <button type="button" class="weiter">Nächstes Bild</button>
  …
</div>

Jede Geste mit mehreren Fingern oder einem Weg bekommt eine Alternative mit einem Klick.

So gehen Sie es an

  1. Prüfen Sie jede Bildergalerie auf Ihrer Website: Gibt es sichtbare Vor- und Zurück-Schaltflächen zusätzlich zum Wischen?
  2. Ergänzen Sie bei eingebetteten Karten Plus- und Minus-Schaltflächen für den Zoom.
  3. Bieten Sie für jede Wisch-Aktion in Listen eine sichtbare Schaltfläche mit derselben Funktion an.
  4. Testen Sie Ihre Website einmal komplett mit einem einzigen Finger und ohne Wischbewegungen — jede Funktion muss erreichbar bleiben.

Weiter im Prüfbereich Barrierefreiheit

Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.

Foto: Gilles Lambert, CC0

  • Siegel Digitale Barrierefreiheit
  • Siegel Daten & Recht
  • Siegel Technische Qualität
  • Siegel Digital Excellence
  • Siegel Cyberversicherung

Geprüft. Für eine bessere digitale Zukunft.euid.com →