Reine Ziehbewegungen brauchen eine Alternative per Tippen oder Klicken
Ziehen bedeutet, einen Zeiger gedrückt zu halten und ihn dabei präzise zu bewegen. Das ist für Menschen mit Tremor oder eingeschränkter Kontrolle über ihre Hände schwer oder unmöglich, ebenso für alle, die eine Kopfmaus oder Sprachsteuerung verwenden. Funktioniert der Preisfilter nur per Ziehen, können sie den Preisbereich gar nicht eingrenzen.
- Regel-ID
- vs-dragging
- Quelle
- Validiscan-Prüfung
- Auswirkung
- Schwerwiegend
- Korrekturstufe
- MANUAL
- auf Shopify, Shopware, WooCommerce und Magento
- Status
- wird ausgeführt
Was geprüft wird
Erkennt Bedienelemente, die sich nur durch Ziehen bedienen lassen, etwa Preisbereichs-Slider, Bildzoom und sortierbare Listen, ohne Alternative per einfachem Tippen oder Klicken (2.5.7).
Die Prüfung sucht nach selbst gebauten Slider-Griffen: [role="slider"], den Griff-Klassen von noUiSlider, jQuery UI und Ion.RangeSlider sowie Klassennamen wie price-handle. Übersprungen werden input[type="range"], Griffe, die verborgen, kleiner als 4 px oder mit aria-disabled="true" gekennzeichnet sind, und über den Klassennamen gefundene Elemente, die größer als 80 px sind oder ein Bild enthalten. Pro Seite werden höchstens sechs geprüft.
Ein Griff außerhalb der Tab-Reihenfolge ist ein Befund. Bei einem fokussierbaren Griff drückt die Prüfung eine Pfeiltaste entlang seiner Achse und, falls sich nichts geändert hat, eine quer dazu. Ändert keiner von beiden aria-valuenow, aria-valuetext, den Text des Griffs oder seine Position auf der Schiene, ist das ein Befund. Führt ein Tastendruck zu einer anderen Seite, macht ein Neuladen das rückgängig; dieser Slider und alle folgenden fokussierbaren Slider landen bei „zu prüfen“.
Zoom-Widgets von mindestens 80 × 80 px mit draggable="true" oder touch-action: none, neben denen kein Bedienelement zum Zoomen steht, landen ebenfalls bei „zu prüfen“. Aus Ergebnissen „zu prüfen“ macht der Scanner derzeit keine Befunde. Die Prüfung drückt nur Tasten und testet deshalb nicht, ob schon ein einfaches Tippen oder Klicken einen Wert setzt.
So wird es behoben
Bieten Sie neben jeder Ziehbewegung eine Alternative per einfachem Tippen oder Klicken an: Zahlenfelder für Mindest- und Höchstpreis, Plus- und Minus-Schaltflächen für den Zoom und Schaltflächen zum Nach-oben- und Nach-unten-Verschieben für sortierbare Listen.
WCAG-Erfolgskriterien
- 2.5.7 Dragging Movements, Stufe AA
Abschnitte der EN 301 549
| WCAG-Kriterium | Version 3.2.1 | Version 4.1.1 |
|---|---|---|
| 2.5.7 | in dieser Version kein Abschnitt | 9.2.5.7 |
Beginnen Sie mit einem kostenlosen Check Ihres Shops.
Senden Sie die Adresse Ihres Shops. Validiscan scannt ihn und antwortet mit jedem Fehler, den der Scan nachweisen kann, jeweils mit der Seite und dem Code.
Kostenlosen Check anfordernOder schreiben Sie an info@validiscan.com.
Was der kostenlose Check umfasst und was nicht- Sie senden
- die Adresse Ihres Shops
- Gescannte Seiten
- bis zu 15
- Sie erhalten
- jeden Fehler, den der Scan nachweisen kann, mit Seite und Code
- In Ihrem Shop
- nur öffentliche Seiten; keine Anmeldung, nichts gekauft, kein Formular abgeschickt
- Was er nicht ist
- ein vollständiges Audit