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

2.1.2 Ei näppäimistöansaa

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

Onnistumiskriteerin virallinen kuvaus

Jos kohdistus voidaan siirtää sivun komponenttiin näppäimistörajapinnan kautta, niin kohdistus voidaan siirtää myös pois kyseiseltä komponentilta pelkästään näppäimistörajapintaa käyttämällä. Mikäli tämä vaatii muuta kuin pelkkien nuoli- tai tab-näppäimien tai muiden standardinmukaisten poistumismenetelmien käyttämistä, käyttäjälle neuvotaan menetelmä kohdistuksen poissiirtämiseksi.

Mitä pitää tehdä?

Varmista, että näppäimistön kohdistus ei jää jumiin mihinkään sisällön osaan.

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

Mahdollistaa käyttäjille sisällön selaamisen näppäimistön avulla.

Yleisiä sudenkuoppia

Joskus <div> elementtejä käytetään nappielementtien sijaan. Jos näihin ei lisätä erikseen näppäimistötukea, ei näihin elementteihin pääse näppäimistöllä. Jos tällainen toteutus on tehty vaikkapa modaalin sulkemiseen, on silloin mahdollista jäädä elementtiin jumiin.

Miten testata?

Tarkasta kaikki sisältö näppäimistöansojen varalta. Yleensä testaan nämä manuaalisesti, koska silloin voin testata samalla sekä tämän että kriteerin 2.1.1.

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