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.
NootDeze eis is van toepassing op webcontent die acties met de aanwijzer interpreteert (d.w.z.: dit geldt niet voor acties die vereist zijn om de user agent of hulptechnologie te bedienen).
Sleepbewegingen begrijpen (Engelstalig)
Werkt een functie op je website met slepen? Zorg dan dat dezelfde functie ook werkt zonder slepen, met één aanwijzer. Bijvoorbeeld met tappen of klikken. Dat mogen ook meerdere klikken of taps achter elkaar zijn.
Bij slepen doe je vier dingen:
- Je tapt of klikt op een element.
- Je houdt je vinger of de muisknop ingedrukt.
- Je beweegt de aanwijzer naar een andere plek.
- Je laat los op het eindpunt.
Voorbeelden van slepen zijn:
- een landkaart verschuiven
- de volgorde van een lijst aanpassen
- een taak naar een andere kolom slepen op een taakbord
- de schuifknop van een schuifregelaar verplaatsen
- een selectiekader trekken
Niet iedereen kan slepen. Sommige mensen gebruiken een trackball, een hoofdaanwijzer, oogbesturing of spraakbesturing waarmee ze de muis nabootsen. Anderen kunnen door een motorische beperking niet tegelijk iets ingedrukt houden en bewegen.
Het alternatief mag een ander bedieningselement op dezelfde pagina zijn, zolang het hetzelfde resultaat geeft. Een invoerveld telt ook. Bijvoorbeeld een veld om de waarde van een schuifregelaar in te typen. Een alternatief met alleen het toetsenbord is niet genoeg.
Er zijn twee uitzonderingen:
- Slepen is echt nodig voor de functie.
- De browser bepaalt de functie en jij past die niet aan. Bijvoorbeeld scrollen door de pagina of door een scrollbaar gebied.
Bij slepen tellen alleen het begin- en eindpunt. De route ertussen maakt niet uit. Maakt de richting of de route wel uit. Dan is het een padgebaseerd gebaar. Dat valt onder 2.5.1 Aanwijzergebaren.
Hoe pas je dit toe?
- Bied bij elke functie die werkt met slepen een manier die werkt met klikken of tappen. Bijvoorbeeld een menu “Verplaats naar …” bij een taak op een taakbord.
- Laat het alternatief direct zien, of laat het verschijnen na één klik of tap op het item.
- Zorg dat het alternatief werkt met een aanwijzer. Een sneltoets of de pijltoetsen alleen is niet genoeg.
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
- Computer met muis
- Smartphone of tablet
Uitzonderingen
Uitzonderingen zijn:
- functies waarvoor slepen essentieel is
- functies die worden bepaald door de browser en niet worden aangepast door de auteur
Geldt alleen voor:
- functies die de webcontent zelf uitvoert, niet handelingen om de browser of hulptechnologie te bedienen
Testprocedure
Test 1: Sleepbewegingen
- Verken de pagina met muis
- Bepaal welke functionaliteit werkt met slepen:
- Sorteerbare lijsten
- Taakborden met kolommen
- Schuifregelaars
- Landkaarten die te verschuiven zijn
- Kleurkiezers
- Selectiekaders en verbindingslijnen tussen items
- Elementen die naar een doelgebied te slepen zijn (bijvoorbeeld een bestand naar een uploadvak)
- Elementen waarvan het formaat te wijzigen is door aan een rand te slepen
- Bepaal welke functionaliteit werkt met slepen:
- Test elke gevonden functionaliteit zonder te slepen en controleer:
- Of hetzelfde resultaat te bereiken is met een enkele aanwijzer zonder slepen
- Herhaal stap 1 en 2 op een smartphone of tablet
- Gebruik een vinger in plaats van de muis
Belangrijk om te weten
- Bij een sleepbeweging tellen alleen het begin- en eindpunt. Maakt de richting of route uit, zoals bij vegen door een carrousel? Dan valt de functionaliteit onder 2.5.1 Aanwijzergebaren.
- Het alternatief mag een ander bedieningselement op dezelfde pagina zijn, als het hetzelfde resultaat geeft.
- Het alternatief mag uit meerdere klikken of taps bestaan, zoals eerst een item kiezen en daarna het doel.
- Een alternatief dat alleen met toetsen werkt, zoals de pijltoetsen of een sneltoets, telt niet mee. Een invoerveld telt wel mee, want typen kan ook met het schermtoetsenbord of met spraak.
- Een functie die werkt met slepen en met het toetsenbord, kan toch zakken op dit succescriterium. Toetsenbordbediening wordt apart getest (zie ook 2.1.1 Toetsenbord).
- Een sleepicoon (bijvoorbeeld zes puntjes) of een aanwijzer die verandert in een hand of kruispijl, wijst vaak op een functie die werkt met slepen.
Voorbeelden van alternatieven
- Bij een schuifregelaar: klikken of tappen op de balk, knoppen om de waarde te verhogen of te verlagen, of een invoerveld voor de waarde
- Bij een sorteerbare lijst of taakbord: knoppen om een item te verplaatsen, een menu met een optie als “Verplaats naar …”, of een invoerveld voor de positie
- Bij een landkaart: knoppen om de kaart omhoog, omlaag, naar links of naar rechts te verschuiven
- Bij een kleurkiezer: klikken of tappen op een andere plek in het kleurenwiel, of invoervelden voor de kleurwaarde
- Bij een selectiekader of verbindingslijn: twee losse klikken of taps voor het begin- en eindpunt
- Bij een element dat naar een doelgebied te slepen is: een knop of menu om het doel te kiezen (bijvoorbeeld de knop Bestand kiezen bij een uploadvak)
- Bij een element waarvan het formaat te wijzigen is: knoppen om het formaat te vergroten of te verkleinen, of invoervelden voor de afmetingen
Beoordeling
- Alle functionaliteit die werkt met een sleepbeweging moet ook te bedienen zijn met een enkele aanwijzer zonder slepen