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

Afsnit i EN 301 549

Afsnittet i EN 301 549 for hvert kriterium, fordelt på versioner af standarden
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 tjek

Eller 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

Skriv til Validiscan

Til et gratis tjek skal du skrive din webshops adresse og platform.

Validiscan bruger det, du sender, til at svare dig. Privatlivspolitik