2.5.7 Dra med mus eller finger AA
Vissa personer kan inte, eller har svårt för, att dra och släppa något med musen eller fingret.
När en sida använder dra och släppa rörelser behöver användaren utföra fyra saker:
- klicka eller trycka
- hålla in
- flytta
- släppa
Detta kräver en viss fingerfärdighet som alla inte har. Olika hjälpmedel och inmatningsverktyg såsom styrkula, ögonstyrning eller röststyrd muspekare kan göra det svårt att träffa rätt eller att dra och hålla in samtidigt. Därför är det viktigt att erbjuda ett alternativ som inte kräver dragrörelser, utan där det räcker med att endast klicka.
Alternativet till dragrörelser ska kunna genomföras genom att enbart klicka eller trycka. Tangentbordsinmatning påverkar inte huruvida denna riktlinje uppnås.
Undantag
Riktlinjen gäller inte för scrollning av sidan eller där exempelvis CSS overflow skapar en scrollbar ruta.
Exempel på alternativ till dragrörelser
Ett vanligt exempel på när dragrörelser förekommer är när användaren kan ändra ordningen på objekt i en lista. Lägg till pilar på objekten som användaren kan klicka på för att flytta ordningen, eller ge möjligheten att ange en siffra för att styra ordningen.
En karta som användaren kan flytta med dragrörelser kan ha alternativ med knappar för att flytta kartan upp, ner, höger eller vänster.
Ett annat exempel är när man ska rita en rektangel. Då är det vanligt att man behöver klicka för att skapa ett hörn och sedan släppa där det motsatta hörnet på rektangeln ska vara. Ett alternativ är att användaren klickar för att placera det första hörnet och sedan klickar igen för att placera det andra hörnet, utan att hålla musknappen nedtryckt däremellan.
Alternativet behöver inte gälla för samma komponent, så länge funktionaliteten kan uppnås med enbart klick. Ett exempel på detta är ett färghjul där användaren kan dra en indikator. Det räcker då att ha ett textfält där användaren kan skriva in färgkoden och därmed uppnå samma resultat som att klicka och dra till rätt färg.
Läs mer om riktlinje 2.5.7 på W3Cs webbplats