Zeigergesten einfach erklärt
Zeigergesten sind Bewegungen, die Du mit Maus, Touchscreen oder Trackpad ausführst, um Aktionen auf einer Website auszulösen. Das Wischen durch Bilder, Drag-and-Drop oder der Zwei-Finger-Zoom sind typische Beispiele. Solche Gesten können allerdings für Menschen mit motorischen oder sensorischen Einschränkungen zur Hürde werden. Damit digitale Inhalte für alle zugänglich sind, bieten barrierefreie Websites deshalb immer einfache Alternativen an, wie Buttons oder Tastatursteuerung.
Inhalt
Was sind Zeigergesten? – Definition und Bedeutung
Zeigergesten sind Bewegungen mit Eingabegeräten, die spezifische Aktionen auf einer Benutzeroberfläche auslösen. Dazu gehören zum Beispiel:
- Klickgesten: Einfaches Klicken oder Doppelklicken mit der Maus.
- Drag-and-Drop: Elemente mit gedrückter Taste verschieben.
- Mehrfache Wischbewegungen: Etwa, um durch Bildergalerien zu navigieren.
Seit Mitte 2025 ist es für die meisten Websitebetreiber in der EU verpflichtend, ihre Seiten auch für Menschen mit motorischen oder sensorischen Einschränkungen bedienbar zu machen. Die Barrierefreie-Informationstechnik-Verordnung (BITV) und die WCAG-Richtlinie 2.2 fordern, dass komplexe Zeigergesten immer durch einfache Alternativen ersetzt werden oder auch ohne Gesten nutzbar sind.
So sorgst Du für eine barrierefreie Navigation
Durch motorische Einschränkungen, unpräzise Eingabegeräte oder assistive Technologien wie Head-Tracker oder Sprachsteuerung kann es schwierig sein, Websites wie gewünscht zu bedienen. Um Inhalte für alle zugänglich zu machen, sind klare und intuitive Optionen wichtig, die einfach und ohne besondere Fähigkeiten funktionieren.
Anforderungen an Zeigergesten laut BITV und WCAG
Die WCAG 2.2 und die BITV geben klare Richtlinien vor, wie Zeigergesten gestaltet sein sollten, um barrierefrei zu sein. Entwickler sollten daher die folgenden Maßnahmen beachten und Alternativen für komplexe Zeiger-Gesten bieten:
- Alternative für Gesten bereitstellen: Jede Funktion, die durch eine Geste ausgeführt wird, muss auch über eine einfache Methode erreichbar sein (z. B. durch einen Klick).
- Unabsichtliche Eingaben vermeiden: Aktionen dürfen nicht durch versehentliche Gesten ausgelöst werden, etwa durch einen unbeabsichtigten Wisch über den Bildschirm.
- Geräteunabhängigkeit: Funktionen müssen unabhängig vom verwendeten Eingabegerät verfügbar sein – sei es Maus, Touchscreen oder Sprachsteuerung.
- Keine spezifische Geschicklichkeit erforderlich: Nutzern darf keine hohe Präzision bei der Ausführung von Gesten abverlangt werden. Aktionen sollten mit einem Klick oder einer Taste machbar sein.
- Tastatursteuerung ermöglichen: Alle Aktionen sollten auch ohne Maus oder Touchscreen über die Tastatur zugänglich sein.
- Feedback geben: Informiere Nutzer visuell oder akustisch, wenn eine Geste erfolgreich ausgeführt wurde.
Neben der Navigation sollten auch andere Elemente Deiner Website barrierefrei gestaltet sein, zum Beispiel die Lesbarkeit (mind. 16 Pt als Schriftgröße), ALT-Texte für Bilder und das Website Design.
Beispiele für barrierefreie Zeigergesten
- Navigation durch Bildergalerien
Neben einem horizontalen Wischen können „Zurück“- und „Weiter“-Buttons bereitgestellt werden, die über Tastatur oder Screenreader zugänglich sind. Eine alternative Darstellung der Bilder als Liste ermöglicht zusätzliche Barrierefreiheit. - Drag-and-Drop-Funktion
Für komplexe Funktionen wie Drag-and-Drop sollten Alternativen wie Schaltflächen oder Dropdown-Menüs angeboten werden, die das Verschieben durch Auswählen und Bestätigen erleichtern. Eine Kombination mit visuellen Hinweisen hilft Nutzern bei der Orientierung. - Zoom-Gesten
Zusätzlich zum Zwei-Finger-Zoom auf Touchscreens sind Plus-/Minus-Schaltflächen und Zoom-Schieberegler hilfreich. Auch eine Eingabe für feste Werte (z. B. 100 % oder 150 %) macht das Feature präziser und nutzerfreundlicher. - Multifunktionsgesten wie Halten und Drehen
Statt solcher Gesten sollten Aktionen auch durch einfaches Klicken auf Buttons oder durch Tastenkombinationen zugänglich sein. Dies ermöglicht auch Menschen mit eingeschränkter Motorik die Nutzung. - Kontextmenüs statt Langdruck
Kontextmenüs, die durch Schaltflächen oder per Tastenkombination (z. B. „Alt+Enter“) zugänglich sind, bieten eine gute Alternative zu langem Drücken oder komplexen Touch-Gesten.
Weiterführende Links: