WCAG 2.5.2 Zeigeraufhebung

Das Erfolgskriterium 2.5.2 erleichtert es, versehentliches Tippen und Klicken rückgängig zu machen. Menschen mit Zittern, eingeschränkter Fingerfertigkeit oder Sehbehinderung und alle, die auf einem kleinen Smartphone-Bildschirm tippen, drücken oft das Falsche. Wartet die Aktion, bis Finger oder Maustaste losgelassen werden, können sie wegrutschen und abbrechen. Es gehört zur Konformitätsstufe A und ist Teil von EN 301 549 (Abschnitt 9.2.5.2). Das BFSG verweist über die harmonisierte Norm EN 301 549 auf diese Anforderungen.

Was das Erfolgskriterium verlangt

Für Funktionen, die sich mit einem einzelnen Zeiger bedienen lassen, trifft mindestens eines davon zu:

• Kein Down-Event: Das Down-Event (Drücken) wird nicht verwendet, um irgendeinen Teil der Funktion auszuführen;
• Abbrechen oder Rückgängigmachen: Die Funktion wird beim Up-Event (Loslassen) abgeschlossen, und es gibt eine Möglichkeit, sie vor dem Abschluss abzubrechen oder danach rückgängig zu machen;
• Umkehrung beim Loslassen: Das Up-Event macht jedes Ergebnis des vorangegangenen Down-Events rückgängig (zum Beispiel gedrückt halten für eine Vorschau, loslassen zum Schließen);
• Wesentlich: Der Abschluss der Funktion beim Down-Event ist wesentlich.

Das W3C weist darauf hin, dass Funktionen, die einen Tastendruck auf einer Tastatur oder einem Ziffernblock nachbilden, als wesentlich gelten und dass das Kriterium für Zeigeraktionen gilt, die der Webinhalt auswertet, nicht für den Browser oder assistive Technologien.

Typische Fehler in Onlineshops

• ein Button „In den Warenkorb“ oder „Jetzt kaufen“, der bei mousedown, pointerdown oder touchstart auslöst;
• ein Steuerelement „Artikel entfernen“ im Warenkorb, das beim Drücken löscht, ohne Rückgängig-Möglichkeit;
• eine Produktkachel, die wegnavigiert, sobald ein Finger sie berührt, obwohl der Nutzer scrollen wollte;
• ein Menü, das sich beim Drücken öffnet und vor dem Loslassen einen Eintrag auswählt, sodass ein Abrutschen die falsche Option wählt.

So prüfen Sie es

Automatisch: Für dieses Kriterium gibt es keine axe-core-Regel. axe prüft nicht, auf welche Zeiger-Events ein Skript hört, deshalb ist eine manuelle Prüfung nötig.

Manuell: Drücken und halten Sie mit der Maus die Taste auf jedem wichtigen Bedienelement — „In den Warenkorb“, „Entfernen“, „Bezahlen“, Menüeinträge —, bewegen Sie dann den Zeiger vom Bedienelement weg und lassen Sie los. Es sollte nichts passieren. Machen Sie dasselbe auf einem Touchscreen: berühren, wegrutschen, anheben. Passiert eine Aktion beim Drücken, prüfen Sie, ob sie sich leicht rückgängig machen lässt.

So beheben Sie es

• Verwenden Sie das standardmäßige click-Event (oder native <button> und <a>), das beim Loslassen auslöst.
• Vermeiden Sie mousedown, pointerdown und touchstart für Aktionen; nutzen Sie sie nur für Dinge wie visuelles Feedback.
• Bieten Sie bei destruktiven Aktionen ein Rückgängigmachen („Artikel entfernt. Rückgängig“) oder eine Bestätigung an.
• Prüfen Sie Widgets von Drittanbietern und Theme-Skripte — eigene Karussells und Menüs lösen manchmal beim Drücken aus.

Verwandte Kriterien

• 2.5.1 Zeigergesten — komplexe Gesten brauchen Alternativen mit einem einzelnen Zeiger.
• 2.5.8 Zielgröße (Minimum) — größere Ziele verringern versehentliches Tippen.
• 2.5.7 Ziehbewegungen — Ziehen braucht eine Alternative mit einem einzelnen Zeiger.

Häufige Fragen

Was verlangt WCAG 2.5.2 Zeigeraufhebung?

Für Aktionen mit einem einzelnen Zeiger muss mindestens eines zutreffen: Beim Down-Event wird nichts ausgeführt; die Aktion wird beim Up-Event abgeschlossen und lässt sich abbrechen oder rückgängig machen; das Up-Event macht das Down-Event rückgängig; oder der Abschluss beim Down-Event ist wesentlich.

Reicht es, das click-Event zu verwenden?

Meist ja. Das standardmäßige click-Event löst beim Loslassen aus, und Nutzer können abbrechen, indem sie den Zeiger vor dem Loslassen vom Bedienelement wegbewegen. Probleme entstehen durch Handler auf mousedown, pointerdown oder touchstart.

Gibt es Ausnahmen von 2.5.2?

Ja, wenn das Auslösen beim Down-Event wesentlich ist. Das W3C weist darauf hin, dass Funktionen, die einen Tastendruck auf einer Tastatur oder einem Ziffernblock nachbilden, etwa eine Bildschirmtastatur, als wesentlich gelten.