A11ying with Sanna - Verkkosisällön saavutettavuusohjeet opas saavutettavuuteen liittyviin vaatimuksiin
2 Hallittava

2.1.1 Näppäimistö

Onnistumiskriteerin taso: A
Kriteeri tuli WCAG:n versiossa: 2.0

Onnistumiskriteerin virallinen kuvaus

Kaikki sisällön toiminnallisuus on hallittavissa näppäimistörajapinnan välityksellä ilman vaatimusta yksittäisten näppäinpainallusten erityisestä ajoittamisesta, paitsi kun taustalla oleva toiminnallisuus vaatii syötettä, joka riippuu käyttäjän liikkeiden reitistä eikä vain päätepisteistä.

Mitä pitää tehdä?

Varmista, että kaikkia toimintoja voidaan käyttää näppäimistökäyttöliittymän kautta.

Miksi tämä on tärkeää?

Tukee käyttäjiä, jotka eivät voi käyttää hiirtä.

Yleisiä sudenkuoppia

Joskus kehittäjät käyttävät <div>-elementtejä <button>-elementtien sijaan. Div-elementeissä ei ole oletusarvoisesti näppäimistötukea, mikä tarkoittaa, että ellei niitä ole luotu nimenomaan kyseistä elementtiä varten, sitä ei voi käyttää näppäimistöllä lainkaan.

Miten testata?

Tarkasta, että kaikkeen sisältöön pääsee käyttämällä ainoastaan näppäimistöä.

Joistakin automaattisista työkaluista saa tähän apua ja niillä voi esimerkiksi tarkastella näppäimistön kohdistusjärjestystä. Yleensä suosin näiden testaamista manuaalisesti, koska siitä usein saa myös huomioitavaa ruudunlukijoiden testaamiseen.

Miten huomioida tämä kriteeri kehitystyössä?

Kirjoita semanttista HTML:ää. Älä käytä <span>- tai <div>-elementtejä interaktiivisiin ominaisuuksiin. Näihin elementteihin ei oletuksena pääse näppäimistöllä (ja se on tarkoitettu niin!).

Lisää tästä kriteeristä muualla