WCAG 2.5.2: Zeiger-Abbruch

Funktionen, die mit einem einzelnen Zeiger bedient werden, dürfen nicht schon beim Herunterdrücken (down-event) auslösen – oder müssen abbrech- bzw. rückgängig machbar sein. Der Standardweg: Aktionen feuern beim Loslassen (up-event), sodass ein Wegziehen des Fingers den Fehlklick abbricht. (Englisch: Pointer Cancellation.)

Was verlangt das Kriterium?

Mindestens eine der vier Bedingungen:

1. Kein down-event: Die Aktion löst beim Loslassen aus (der Normalfall).
2. Abbruch möglich: Vor Abschluss lässt sich die Aktion abbrechen (Finger vom Ziel wegziehen) oder danach rückgängig machen.
3. Up reversiert: Das Loslassen macht rückgängig, was das Drücken begann (Drag-and-drop: fallenlassen außerhalb = zurücklegen).
4. Essenziell: Das down-Verhalten ist notwendig (Klavier-Simulation, Schnellfeuer im Spiel).

Wen betrifft es besonders?

Menschen mit Tremor und motorischen Einschränkungen, die häufiger daneben tippen und auf die Abbruch-Geste angewiesen sind; Nutzer von Kopf- und Switch-Steuerungen, bei denen versehentliche „Downs“ vorkommen – und alle im wackelnden Bus.

Richtig & falsch im Code

// Falsch: Aktion feuert schon beim Drücken
button.addEventListener('pointerdown', deleteItem);

// Richtig: click feuert beim Loslassen –
// und nur, wenn down UND up auf dem Element lagen
button.addEventListener('click', deleteItem);

Die gute Nachricht: Das native click-Event erfüllt das Kriterium von Haus aus – es löst beim Up aus, und wer mit gedrücktem Finger vom Button herunterzieht, klickt nicht. Verstöße entstehen fast nur, wenn jemand pointerdown/mousedown/touchstart für „schnellere“ Interaktionen verdrahtet. Berechtigte down-Nutzung (Custom-Slider greifen, Drag starten) ist okay, solange Bedingung 3 gilt.

So testest du es

1. Der Wegzieh-Test: Auf jedem kritischen Bedienelement (Löschen, Kaufen, Absenden) drücken, Finger/Zeiger auf dem Element halten, dann herunterziehen und loslassen – darf nichts auslösen.
2. Code-Suche nach pointerdown, mousedown, touchstart mit Aktions-Handlern.
3. Drag-Interaktionen prüfen: Bricht Loslassen außerhalb der Zielzone sauber ab?

Verwandte Themen

• 2.5.1 Zeigergesten und 2.5.7 Ziehbewegungen – die Eingabe-Familie
• 3.3.4 Fehlervermeidung – Sicherheitsnetz für folgenreiche Aktionen
• Buttons vs. Links – native Elemente, natives Verhalten