Elementer, der kun kan betjenes ved at trække, skal have et alternativ med et enkelt klik eller tryk
At trække kræver, at man holder museknappen eller fingeren nede og samtidig bevæger den præcist, og det er svært eller umuligt for folk med rystende hænder eller begrænset kontrol over hænderne og for alle, der bruger hovedmus eller stemmestyring. Når prisfilteret kun virker ved at trække, kan de slet ikke indsnævre prisintervallet.
- Regel-id
- vs-dragging
- Kilde
- Validiscan-kontrol
- Alvorlighed
- Alvorlig
- Rettelsesniveau
- MANUAL
- på Shopify, Shopware, WooCommerce og Magento
- Status
- køres
Hvad kontrollen gør
Finder elementer, der kun kan betjenes ved at trække, som slidere til prisinterval, billedzoom og sorterbare lister, uden et alternativ med et enkelt tryk eller klik (2.5.7).
Kontrollen leder efter specialbyggede slider-håndtag: [role="slider"], håndtagsklasserne fra noUiSlider, jQuery UI og Ion.RangeSlider samt klassenavne som price-handle. Den ser bort fra input[type="range"], fra håndtag, der er skjulte, mindre end 4 px eller har aria-disabled="true", og fra elementer fundet via klassenavn, der er større end 80 px eller indeholder et billede. Højst seks pr. side kontrolleres.
Et håndtag uden for tab-rækkefølgen er et fund. Et fokuserbart håndtag får et tryk på en piletast langs sin akse og derefter, hvis intet har ændret sig, et tryk på tværs af den. Ændrer ingen af dem aria-valuenow, aria-valuetext, håndtagets tekst eller dets position på sporet, er det et fund. Et tastetryk, der navigerer væk fra siden, fortrydes med en genindlæsning; den slider og de efterfølgende fokuserbare slidere får resultatet »kræver gennemgang«.
Zoom-widgets på mindst 80 × 80 px med draggable="true" eller touch-action: none og uden et betjeningselement til zoom i nærheden får også resultatet »kræver gennemgang«. Scanneren laver i dag ingen fund af resultater, der kræver gennemgang. Der trykkes kun på taster, så kontrollen tester ikke, om et fingertryk eller et klik alene sætter en værdi.
Sådan retter du det
Tilbyd et alternativ med et enkelt klik eller tryk ved siden af hver trækinteraktion: talfelter til minimums- og maksimumspris, plus- og minusknapper til zoom samt knapper til at flytte punkter op og ned i sorterbare lister.
WCAG-succeskriterier
- 2.5.7 Dragging Movements, niveau AA
Afsnit i EN 301 549
| WCAG-kriterium | Version 3.2.1 | Version 4.1.1 |
|---|---|---|
| 2.5.7 | ikke et afsnit i denne version | 9.2.5.7 |
Begynd med et gratis tjek af din webshop.
Send din webshops adresse. Validiscan scanner den og svarer med hver fejl, scanningen kan påvise, med siden og koden.
Bestil et gratis tjekEller skriv til info@validiscan.com.
Hvad det gratis tjek omfatter, og hvad det udelader- Du sender
- din webshops adresse
- Sider, der scannes
- op til 15
- Du får
- hver fejl, scanningen kan påvise, med siden og koden
- På din webshop
- kun offentlige sider; intet login, intet købt, ingen formularer sendt
- Hvad det ikke er
- et fuldt audit