Prüfpunkt 2.5.7Stufe AAZeiger, Gesten und Zielgrößen
Warum braucht Drag-and-drop eine einfache Klick-Alternative?
Jede Funktion, die eine Ziehbewegung verlangt — etwa eine Datei in ein Feld ziehen oder einen Regler verschieben —, braucht eine Alternative mit einfachen Klicks oder Tipps. Wer nur kurz tippen, aber Finger oder Maustaste nicht gedrückt halten und gleichzeitig bewegen kann, scheitert an reinem Ziehen. Das Kriterium 2.5.7 „Ziehbewegungen“ ist mit WCAG 2.2 neu hinzugekommen und schließt genau diese Lücke.
Datei-Upload, Schieberegler und Sortierlisten barrierefrei anbieten
Drei Muster decken die meisten Fälle ab. Der Datei-Upload per Hineinziehen braucht daneben eine Schaltfläche „Datei auswählen“, die den normalen Dateidialog öffnet — die meisten Systeme bringen sie ohnehin mit, sie darf nur nicht weggestaltet werden. Der Schieberegler, etwa für eine Preisspanne, braucht daneben Eingabefelder oder Plus- und Minus-Schaltflächen für dieselben Werte. Und sortierbare Listen, in denen Einträge per Ziehen umgeordnet werden, brauchen je Eintrag Schaltflächen wie „nach oben“ und „nach unten“. Die Ziehbewegung bleibt als komfortabler Weg erhalten; entscheidend ist, dass derselbe Zweck auch mit einzelnen Klicks erreichbar ist.
So weist der Prüfservice dieses Kriterium aus
Ob jede Zieh-Funktion Ihrer Seite eine Klick-Alternative besitzt, lässt sich maschinell nicht belastbar entscheiden: Die Prüfung müsste Ziehbewegungen tatsächlich ausführen und deren Wirkung mit allen Schaltflächen vergleichen — unser Messkern arbeitet bewusst passiv und führt keine Ziehbewegungen auf fremden Seiten aus. Der Prüfbericht weist das Kriterium deshalb offen als manuell zu prüfenden Punkt aus. Das folgt unserem Grundprinzip: Jedes der WCAG-Kriterien erscheint einzeln im Bericht — bestanden, verstoßen, manuell zu prüfen oder nicht automatisiert prüfbar. Eine leere Prüfung gilt als Fehler, nie als Freibrief.
Beispiele
Sortieren nur per Ziehen
<li draggable="true">Aufgabe A</li>
<li draggable="true">Aufgabe B</li><li draggable="true">Aufgabe A
<button type="button" aria-label="Aufgabe A nach oben">↑</button>
<button type="button" aria-label="Aufgabe A nach unten">↓</button>
</li>Ziehen verlangt eine ruhige Hand über einen Weg. Ein Klick je Richtung erreicht dasselbe.
So gehen Sie es an
- Suchen Sie alle Zieh-Funktionen Ihrer Website zusammen: Datei-Upload, Schieberegler, sortierbare Listen, verschiebbare Kacheln.
- Stellen Sie jedem Upload-Feld eine Schaltfläche „Datei auswählen“ zur Seite, die den normalen Dateidialog öffnet.
- Ergänzen Sie Schieberegler um Eingabefelder oder Plus- und Minus-Schaltflächen für dieselben Werte.
- Geben Sie sortierbaren Listen je Eintrag Schaltflächen zum Verschieben nach oben und unten.
- Testen Sie jede dieser Funktionen einmal ohne jedes Ziehen — nur mit einzelnen Klicks.
Weiter im Prüfbereich Barrierefreiheit
- Wie groß muss eine Schaltfläche auf einer Website mindestens sein?Mindestens 24 mal 24 Bildpunkte: Das verlangt WCAG 2.2 für Bedienflächen. Kleinere Ziele verfehlen Menschen mit zitternden Händen regelmäßig.
- Warum muss eine Website ihre Sprache angeben?Jede Website muss ihre Sprache im Quelltext angeben, damit Vorleseprogramme richtig aussprechen. So prüfen wir WCAG-Kriterium 3.1.1 automatisch.
- Wann müssen fremdsprachige Wörter auf einer Website gekennzeichnet werden?Fremdsprachige Sätze und Zitate brauchen eine eigene Sprachangabe, damit Vorleseprogramme umschalten. So prüfen wir WCAG-Kriterium 3.1.2.
- Warum muss eine Website beim Ansteuern per Tastatur ruhig bleiben?Das bloße Ansteuern eines Elements darf noch nichts auslösen. Was WCAG-Kriterium 3.2.1 verlangt und wie wir es mit einer echten Tab-Wanderung messen.
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
.jpg){kind=link}