Vetämisliikkeet

Mitä vaaditaan

Jos ominaisuus voidaan suorittaa vetämällä — järjestämällä kohteita uudelleen, säätämällä liukusäädintä, panoroimalla karttaa, allekirjoittamalla allekirjoitusalustalla, liu’uttamalla lukituksenpoistokytkintä — saman toiminnon on oltava suoritettavissa myös yksittäisellä osoittimella ilman vetämistä. Painikkeen napautus, nuolen napsautus, arvon kirjoittaminen, valikosta valitseminen: mikä tahansa näistä täyttää onnistumiskriteeriin.

Sääntö pätee sekä vaaka-, pysty- että vapaamuotoiseen vetämiseen. Poikkeus on silloin, kun vetäminen on toiminnon kannalta välttämätöntä — piirtäminen maalausohjelmassa, virtuaalijoystickin ohjaustangon vetäminen.

Kuinka täyttää vaatimus

• Järjestettävät luettelot: lisää ylös/alas-nuolipainikkeet jokaisen kohteen viereen tai „Siirrä kohtaan…“ -valikko. Vetäminen toimii edelleen hiiren käyttäjille; painikkeet kattavat kaikki muut.
• Liukusäätimet: toimita <input type="range"> (tai role="slider" nuolinäppäintuella), jotta arvot voidaan asettaa näppäimistöllä tai kirjoittamalla numero yhdistettyyn kenttään.
• Kartan panorointi/zoomaus: lisää näkyvät suurennus/pienennys- ja suuntapanointiohjaimet tai hyväksy hakukenttä suoraan navigointiin.
• Karusellit: tarjoa Edellinen / Seuraava -painikkeet pyyhkäisyn lisäksi.
• Alueen/hinnan kaksikohtaiset liukusäätimet: yhdistä ne kahteen numerokenttään.
• Vetämällä suljettavat bannerit ja modaalit: lisää näkyvä Sulje-painike.
• Allekirjoituksen tallennus: tarjoa „kirjoita nimesi“ -vaihtoehto.

Yleisiä virheitä

• Trello-tyylinen kanban-taulu, jossa ainoa tapa siirtää kortti sarakkeesta toiseen on vetää se.
• Järjestämiskahvat asetuksissa tai soittolistoissa ilman näppäimistö- tai painikevaihtoehtoa.
• Kaksikohtaiset alueen liukusäätimet, jotka vaativat molempien päiden vetämistä eikä niissä ole min/max-kenttiä.
• Kuvanvertailun liukusäätimet (ennen/jälkeen) ilman painikkeita erottimen siirtämiseen.
• Värivalitsimet, joissa ainoa tapa säätää sävyä tai kylläisyyttä on vetää valitsimen sisällä.
• „Liu’uta vahvistamiseksi“ tai „liu’uta lukituksen avaamiseksi“ -ohjaimet ilman napautusvaihtoehtoa.
• Mukautetut päivämäärävälinvalitsimet, jotka vaativat kalenterisolujen vetämällä valitsemisen.

Miksi tämä on tärkeää

Vetäminen on vaikeaa tai mahdotonta käyttäjille, joilla on rajoittunut hienomotoriikka, vapina, yksikätinen puhelimen käyttö, suupiikkiä tai pääosoitinta käyttäville sekä kenelle tahansa, jonka käsi kramppaa muutaman vedon jälkeen. Se on ongelma myös monille kytkimen ja äänen käyttäjille — ei ole selvää äänikomentoa „vedä kolmas kortti toiseen sarakkeeseen“. 2.5.7 on uusi WCAG 2.2:ssa ja se on muovannut sitä, miten tuotekehitystiimit suunnittelevat järjestämisen käyttöliittymän: useimmat nykyaikaiset suunnittelujärjestelmät toimittavat nyt nuolipainikkeen vaihtoehtoja oletuksena. Odota tämän onnistumiskriteeriin olevan usein löydetty ongelma hallintapaneeleissa, projektinhallintavälineissä ja kaikessa järjestettäviin listoihin perustuvassa käyttöliittymässä.