2 Hallittava
Käyttöliittymäkomponenttien ja navigoinnin pitää olla hallittavia.
2.1 Käytettävissä näppäimistöltä
Toteuta kaikki toiminnallisuus siten, että se on käytettävissä näppäimistöltä.
2.1.1 Näppäimistö
Onnistumiskriteerin taso: A
Varmista, että kaikkia toimintoja voidaan käyttää näppäimistökäyttöliittymän kautta.
2.1.2 Ei näppäimistöansaa
Onnistumiskriteerin taso: A
Varmista, että näppäimistön kohdistus ei jää jumiin mihinkään sisällön osaan.
2.1.3 Näppäimistö (ei poikkeuksia)
Onnistumiskriteerin taso: AAA
Varmista, että kaikkia toimintoja voidaan käyttää poikkeuksetta näppäimistön avulla.
2.1.4 Yhden merkin pikanäppäimet
Onnistumiskriteerin taso: A
Varmista, että yhden merkin pikanäppäimet voidaan kytkeä pois päältä tai muuttaa siten, että ne käyttävät ei-tulostettavia näppäinyhdistelmiä (kuten Ctrl tai Alt + näppäin). Tarjoa lisäksi tapa poistaa nämä pikanäppäimet käytöstä.
2.2 Tarpeeksi aikaa
Anna käyttäjille tarpeeksi aikaa lukea ja käyttää sisältöä.
2.2.1 Säädettävä ajoitus
Onnistumiskriteerin taso: A
Anna käyttäjille riittävästi aikaa lukea ja käyttää sisältöä.
2.2.2 Tauota, pysäytä, piilota
Onnistumiskriteerin taso: A
Tarjoa mekanismeja liikkuvan, vilkkuvan tai vierivän sisällön pysäyttämiseksi, pysäyttämiseksi tai piilottamiseksi.
2.2.3 Ei ajoitusta
Onnistumiskriteerin taso: AAA
Varmista, että sisältö on saatavilla ilman aikarajoituksia.
2.2.4 Keskeytykset
Onnistumiskriteerin taso: AAA
Tarjoa mekanismeja keskeytysten lykkäämiseksi tai estämiseksi.
2.2.5 Uudelleentunnistautuminen
Onnistumiskriteerin taso: AAA
Mahdollistaa käyttäjien uudelleentunnistautumisen menettämättä tietoja.
2.2.6 Aikakatkaisut
Onnistumiskriteerin taso: AAA
Varmista, että käyttäjiä varoitetaan aikakatkaisuista, erityisesti silloin, kun tietoja menetetään käyttämättömyyden vuoksi, ja anna heille mahdollisuus jatkaa istuntoa tai mahdollisuus tallentaa työnsä.
2.3 Sairaskohtaukset
Älä suunnittele sisältöä tavalla, jonka tiedetään aiheuttavan sairauskohtauksia.
2.3.1 Kolme välähdystä tai alle raja-arvon
Onnistumiskriteerin taso: A
Älä sisällytä sisältöä, joka vilkkuu enemmän kuin kolme kertaa sekunnissa.
Välähdysten koko ei saa olla liian suuri. Samanaikaisesti tapahtuvien välähdysten yhteenlaskettu ala ei tavanomaisella katseluetäisyydellä ole enempää kuin 0,006 steradiaania yhdenkään 10 asteen näkökentän sisällä näytöllä (25 % mistä tahansa 10 asteen näkökentästä näytöllä).
Punainen välähtely aiheuttaa todennäköisemmin kohtauksia varsinkin yhdistettynä korkeaan kontrastiin.
2.3.2 Kolme välähdystä
Onnistumiskriteerin taso: AAA
Vältä sisältöä, joka vilkkuu enemmän kuin kolme kertaa sekunnissa.
2.3.3 Animaatio vuorovaikutuksen yhteydessä
Onnistumiskriteerin taso: AAA
Tarjoa mekanismi, jolla voidaan poistaa käytöstä vuorovaikutuksen käynnistämät epäolennaiset animaatiot.
2.4 Navigoitava
Tarjoa käyttäjille tapoja navigoida, etsiä sisältöä ja määrittää sijaintinsa.
2.4.1 Ohita lohkot
Onnistumiskriteerin taso: A
Tarjoa mekanismi toistuvien sisältölohkojen ohittamiseen.
2.4.2 Sivuotsikot
Onnistumiskriteerin taso: A
Varmista, että jokaisella verkkosivulla on kuvaava ja informatiivinen otsikko.
2.4.3 Kohdistusjärjestys
Onnistumiskriteerin taso: A
Varmista, että kohdistusjärjestys on looginen ja intuitiivinen.
2.4.4 Linkin tarkoitus (kontekstissa)
Onnistumiskriteerin taso: A
Varmista, että linkkiteksti kuvaa linkin tarkoitusta.
2.4.5 Useita tapoja
Onnistumiskriteerin taso: AA
Tarjoa useita tapoja löytää verkkosivu verkkosivujen joukosta.
2.4.6 Otsikot ja nimilaput
Onnistumiskriteerin taso: AA
Varmista, että otsikot ja nimilaput ovat kuvaavia.
2.4.7 Näkyvä kohdistus
Onnistumiskriteerin taso: AA
Varmista, että näppäimistön kohdistustyyli on näkyvissä.
2.4.8 Sijainti
Onnistumiskriteerin taso: AAA
Anna tietoa käyttäjän sijainnista verkkosivujen joukossa.
2.4.9 Linkin tarkoitus (vain linkistä)
Onnistumiskriteerin taso: AAA
Varmista, että jokaisen linkin tarkoitus voidaan määrittää pelkästään linkkitekstin perusteella.
2.4.10 Osioiden otsikot
Onnistumiskriteerin taso: AAA
Järjestä sisältö osioiden otsikoiden avulla.
2.4.11 Näkyvä kohdistin ei peity (minimi)
Onnistumiskriteerin taso: AA
Varmista, että kun elementtiin kohdistetaan, se on ainakin vähintään osittain näkyvissä.
2.4.12 Näkyvä kohdistin ei peity (parannettu)
Onnistumiskriteerin taso: AAA
Varmista, että kun elementtien kohdistetaan, se on täysin näkyvissä.
2.4.13 Näkyvän kohdistuksen ulkoasu
Onnistumiskriteerin taso: AAA
Käytä riittävän kokoista ja kontrastista kohdistusilmaisinta.
2.5 Syötetavat
Tee toimintojen käyttämisestä käyttäjille helpompaa erilaisilla syötetavoilla näppäimistön lisäksi.
2.5.1 Osoitineleet
Onnistumiskriteerin taso: A
Monipiste- tai polkupohjaisilla eleillä käynnistettyjä toimintoja voidaan käyttää myös yhdellä osoittimella.
2.5.2 Osoitinlaitteella tehdyn valinnan peruuttaminen
Onnistumiskriteerin taso: A
Varmista, että käyttäjät voivat helposti peruuttaa osoitinsyötteiden käynnistämät tahattomat toiminnot.
2.5.3 Nimilappu nimessä
Onnistumiskriteerin taso: A
Varmista, että merkinnät sisältävät näytöllä näkyvän tekstin.
2.5.4 Käyttö liikkeen avulla
Onnistumiskriteerin taso: A
Tarjoa tapa käyttää toimintoja ilman liikettä.
2.5.5 Kohteen koko
Onnistumiskriteerin taso: AAA
Varmista, että osoittimen kohteen koko on vähintään 44 x 44 CSS-pikseliä.
2.5.6 Rinnakkaiset syötemekanismit
Onnistumiskriteerin taso: AAA
Varmista, että toimintoja voidaan käyttää samanaikaisesti eri syöttömenetelmiä käyttäen.
2.5.7 Raahaamista vaativat toiminnot
Onnistumiskriteerin taso: AA
Kaikille toiminnoille, jotka edellyttävät raahaamista, on tarjottava yksinkertainen osoitinvaihtoehto.
2.5.8 Kohdealueen koko (minimi)
Onnistumiskriteerin taso: AA
Varmista, että kohteet ovat vähimmäiskokoisia tai että niiden ympärillä on riittävä etäisyys.
On helpointa jos kohdealue on 24x24 pikseliä. Tällöin et joudu laskemaan.
Alle 24x24 pikselin kohdealueiden tapauksessa varmista, että elementin ympärillä on riittävästi väliä niin, että välin kanssa yhteenlaskettu koko on vähintään 24x24 pikseliä. Mutta muista, että tyhjä tila ei ole klikattavissa eikä siten auta yhtä paljoa kuin kohdealueen koko.