Nieuw in WCAG 2.2
Succescriterium 2.5.7 Sleepbewegingen
Alle functionaliteit die voor de bediening gebruik maakt van een sleepbeweging kan worden bereikt door een enkele aanwijzer zonder slepen, tenzij slepen essentieel is of de functionaliteit wordt bepaald door de user agent en niet wordt aangepast door de auteur.
Sleepbewegingen begrijpen (Engelstalig)
Als je een website maakt waar mensen een sleepbeweging met de vinger of muis moeten maken, zorg dan dat ze dezelfde functionaliteit ook kunnen gebruiken met een simpele actie zoals een klik, dubbele klik of klik vasthouden.
Een sleepbeweging is een beweging die je maakt met een muis. Hierbij doe je eigenlijk 4 dingen:
- Je klikt om te beginnen
- Je houdt de muisknop ingedrukt
- Je beweegt de muis
- Je laat de muisknop los op het eindpunt
Niet iedereen kan zo’n sleepbeweging maken. Sommige mensen gebruiken namelijk speciale hulpapparaten (zoals oogbesturing of een head pointer). Andere mensen kunnen door een fysieke of motorische beperking moeite hebben met de precieze bewegingen die nodig zijn voor slepen.
Hoe pas je dit toe?
- Zorg dat functionaliteit die gebruik maakt van sleepbewegingen ook te bedienen is met enkele klikken of tappen.
Voor wie is dit belangrijk?
- Mensen die alleen het toetsenbord gebruiken.
- Mensen die een fysieke of motorische beperking hebben.
Wie is verantwoordelijk?
- Vormgever
- Ontwikkelaar
Hoe toets je dit?
Benodigdheden
- Desktop computer met touchpad of touchscreen
- Smartphone of tablet
Testprocedure
Test 1: Sleepbewegingen
- Verken de pagina met een apparaat met muis, touchpad of touchscreen
- Bepaal welke functionaliteiten met sleepfunctionaliteit er zijn:
- Carrousels
- Sliders met schuifknoppen
- Sorteerbare lijsten
- Verplaatsbare elementen
- Tekenfunctionaliteit
- Bepaal welke functionaliteiten met sleepfunctionaliteit er zijn:
- Controleer voor elke sleepfunctie:
- Of dezelfde functie te activeren is met enkele klikken of tappen:
- Bij sliders:
- Plus/min knoppen om de waarde te verhogen of verlagen
- Klikken op de slider track om de thumb te verplaatsen
- Numeriek invoerveld om een waarde in te typen
- Pijlknoppen voor stapsgewijze aanpassing
- Bij sorteer/verplaats-functionaliteit:
- Actiemenu na selectie van het element met opties zoals “Verplaats naar…”
- Pijlknoppen om het element stap voor stap te verplaatsen
- Knoppen om naar een specifieke positie te verplaatsen
- Bij kaarten:
- Navigatieknoppen (omhoog, omlaag, links, rechts)
- Zoom in/uit knoppen
- Bij tekenfunctionaliteit:
- Invoervelden voor coördinaten of afmetingen
- Knoppen om vooraf gedefinieerde vormen te plaatsen
- Numerieke invoer voor grootte en positie
- Bij sliders:
- Of dezelfde functie te activeren is met enkele klikken of tappen:
Beoordeling
- Alle functionaliteit die werkt met een sleepbeweging moet een alternatief hebben met een enkelvoudige actie