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.2Stufe AZeiger, Gesten und Zielgrößen

Warum soll ein Klick erst beim Loslassen auslösen?

Ein Klick soll erst beim Loslassen auslösen, damit Nutzer einen Fehlgriff abbrechen können: Wer merkt, dass der Finger auf der falschen Schaltfläche liegt, zieht ihn zur Seite und lässt außerhalb los — nichts passiert. Löst eine Funktion dagegen schon beim Herunterdrücken aus, gibt es diesen Rückzieher nicht. Das WCAG-Kriterium 2.5.2 „Zeiger-Abbruch“ verlangt genau diese Abbruchmöglichkeit.

Der Rückzieher ist eingebaute Fehlertoleranz

Auf kleinen Bildschirmen liegen Schaltflächen dicht beieinander, und Finger sind breiter als Mauszeiger. Fehlgriffe gehören zum Alltag — besonders für Menschen mit Zittern oder eingeschränkter Feinmotorik, die den Bildschirm auch unbeabsichtigt berühren. Das Auslösen beim Loslassen macht jeden dieser Fehlgriffe folgenlos: Herunterdrücken ist noch keine Entscheidung, erst das Loslassen auf dem Element zählt. Browser und Betriebssysteme arbeiten von Haus aus so. Probleme entstehen, wenn Skripte das Verhalten übersteuern und bereits auf das Herunterdrücken reagieren — etwa um schneller zu wirken. Ausgenommen sind Funktionen, bei denen das Drücken selbst wesentlich ist, wie eine Klaviertaste in einer Musik-Anwendung.

So weist der Prüfservice dieses Kriterium aus

Ob eine Funktion beim Herunterdrücken oder beim Loslassen auslöst, zeigt sich nur, wenn man sie tatsächlich auslöst — genau das verbietet unsere Passivitätszusage: Der Messkern klickt auf Ihrer Website keine Funktionen an, sendet nichts ab und bestellt nichts. Ein maschinelles Urteil zu diesem Kriterium wäre deshalb nicht gedeckt. Der Prüfbericht weist es offen als manuell zu prüfenden Punkt aus. Diese Ehrlichkeit hat System: Jedes der WCAG-Kriterien erscheint im Bericht einzeln mit seinem Status, damit sichtbar bleibt, was gemessen wurde und was ein Mensch beurteilt.

Beispiele

Auslösen beim Drücken

Verstoß
knopf.addEventListener("mousedown", loeschen);
Erfüllt
knopf.addEventListener("click", loeschen);
// click löst beim Loslassen aus; wer daneben liegt, zieht den Zeiger weg und nichts passiert

Mit click statt mousedown lässt sich ein Fehlgriff abbrechen, bevor er wirkt.

So gehen Sie es an

  1. Testen Sie Ihre wichtigsten Schaltflächen am Telefon: Drücken, Finger zur Seite ziehen, außerhalb loslassen — es darf nichts passieren.
  2. Bitten Sie Ihre Agentur, Aktionen an das Loslassen zu knüpfen, nicht an das Herunterdrücken.
  3. Prüfen Sie Sonderfälle wie gedrückt halten oder Ziehen: Auch dort braucht es einen Abbruchweg ohne Folgen.
  4. Geben Sie folgenreichen Aktionen wie „Endgültig löschen“ zusätzlich eine Rückfrage — Abbruchmöglichkeit und Bestätigung ergänzen einander.

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 →