Keyboardnavigointi

Keyboardnavigointi tarkoittaa käyttöliittymän navigointia pelkästään näppäimistön avulla ilman hiirtä. Sen tavoitteena on mahdollistaa kaikkien käyttäjien, mukaan lukien ne, joilla on motorisia rajoitteita tai joille hiiren käyttö on haastavaa, tehokas käytettävyys. Keyboardnavigointi kattaa sekä verkkosivut että sovellukset ja komponentit kuten napit, linkit, syötekohteet ja valikot.

Toteutus ja käytäntöjä. Yleisimmät keinot ovat tab- ja Shift+Tab -käskyt, joilla siirtyminen fokukseen tapahtuu järjestyksessä läpi keskitettävien elementtien. Aktivointi tapahtuu yleensä Enterilla tai välilyönnillä, vaihtoehtoisesti valinnat voivat olla myös nuolinäppäimillä tai Escin avulla sulkeva toiminto. On tärkeää, että fokusoituvat elementit ovat selkeästi näkyvillä ja niiden järjestys vastaa käyttäjän odotuksia. Fokus-Rengas (focus ring) tulisi olla näkyvä ja johdonmukainen kaikkialla sovelluksessa. Lisäksi on hyvä tarjota skip-linkkejä, joiden avulla voi hypätä suoraan päätarkoitukseen pääsisäänkäyntiin.

Saavutettavuus ja käyttölogiikka. Hyvä keyboardnavigointi noudattaa käyttöliittymän loogista ja kontekstuaalista järjestystä, ei ainoastaan visuaalista asettelua. Varmista, ettei mikään tärkeä toiminto jää tavoittamatta pelkästään näppäimistöstä. Modaalit ikkunat ovat esimerkkejä tilanteista, joissa on hallittava fokusta: kun modali avautuu, fokus tulisi siirtää sisällön oleelliseen elementtiin ja palautua takaisin avauskohteeseen suljettaessa. Kaikkien interaktiivisten elementtien on oltava fokusoituvia, ja monilähteiset komponentit tulisi toteuttaa saavutettavasti.

Sovellus- ja verkkokehys. Teknisiä keinoja ovat esimerkiksi HTML:n tabindex, ARIA-roolit ja aria-label/aria-labelledby -attribuutit sekä oikea roolitus. On suositeltavaa välttää ei-oleellisia tab-index-arvoja tai monimutkaista fokuskaarta, ja käyttää CSS:n focus-visible -tilaa korostamaan fokusta. Testaus tulisi tehdä sekä teknisesti että käyttäjäkokemusnäkökulmasta, ja adapteja suorituskyky sekä erilaiset laitteet. Keyboardnavigointi on keskeinen osa kaikille avoimia ja käytettävissä olevia digitaalisia palveluita.