ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Kompliziert
- Dauer:Kann dauern
Wichtig für Rolle:
Entwicklung
Worum gehts?
Das Drücken und Halten eines Buttons oder Links (mit Maus oder Finger) darf nicht direkt eine Aktion auslösen. Erst das Loslassen darf die Aktion ausführen, damit sie noch abgebrochen werden kann.
Das hilft, unbeabsichtigte Aktionen zu vermeiden – besonders für Menschen mit motorischen Einschränkungen, zittrigen Händen oder kleinen Touch-Geräten.
Umsetzung
Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.
Löse Aktionen erst beim „Up-Event“ aus
Aktionen sollten erst ausgeführt werden, wenn der Zeiger losgelassen wird (z. B. mouseup oder touchend), nicht schon beim Drücken. So kann der User den Finger oder Mauszeiger bewegen, bevor er loslässt, um den Vorgang abzubrechen.
Abbrechen ermöglichen oder Bestätigung einbauen
Für komplexere Interaktionen, wie Drag-and-Drop, können die „Down“- und „Up“-Ereignisse eine Reihe von Aktionen einleiten und abschließen, die nötig sind, um einen Prozess zu vollenden.
Beim Drag-and-Drop kann das Element beispielsweise:
- mit einem Druck (Down-Event) ausgewählt,
- bei weiterhin gedrückter Taste an eine neue Position bewegt und
- durch Loslassen (Up-Event) fallen gelassen werden, um die Aktion abzuschließen.
Hier muss sichergestellt werden, dass die Aktion abgebrochen werden kann, zum Beispiel, indem man das Element, während man es zieht, einfach irgendwo außerhalb des Zielbereichs fallen lässt und es dadurch wieder an die Ausgangsstelle geschoben wird.
Ein anderer Weg kann sein, dass man den User seine Aktion bestätigen lässt, indem ein Modal aufgeht, das ihn fragt, ob er die Aktion bestätigen will.
WCAG-Technik(en) in Englisch:
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!
