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

Abschnitte der EN 301 549

Der Abschnitt der EN 301 549 zu jedem Kriterium, je Version der Norm
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 anfordern

Oder 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

Nachricht an Validiscan

Für einen kostenlosen Check nennen Sie die Adresse Ihres Shops und seine Plattform.

Validiscan verwendet, was Sie senden, um Ihnen zu antworten. Datenschutzerklärung