Standardit · WCAG 2.2

SC 2.1.2 Taso A WCAG 2.0

Ei näppäimistöloukkua

Jos näppäimistön kohdistus voi siirtyä komponenttiin, kohdistuksen on myös voitava siirtyä siitä pois pelkällä näppäimistöllä. Modaali-ikkunat, upotetut sisällöt ja mukautetut widgetit ovat tavallisimmat ongelmakohteet.

Mitä vaaditaan

Jos käyttäjä voi siirtää Sarkain-näppäimellä kohdistuksen komponenttiin, hänen on myös pystyttävä siirtämään kohdistus pois siitä Sarkaimen (tai Shift+Sarkaimen tai muun dokumentoidun näppäimen) avulla ilman hiirtä. Jos poistuminen edellyttää muuta kuin vakionuoli- tai Sarkain-näppäimiä — esimerkiksi Ctrl+M upotetusta videosoittimesta poistumiseen — käyttäjälle on kerrottava miten.

Tämä ei tarkoita samaa kuin kohdistusloukku modaali-ikkunan sisällä, joka on haluttu malli: modaali kiertää kohdistusta itsensä sisällä mutta vapauttaa kohdistuksen, kun käyttäjä sulkee sen. Näppäimistöloukku tarkoittaa tilannetta, jossa ulospoistumiseen ei ole dokumentoitua tapaa.

Miten täyttää vaatimus

  • Modaali-valintaikkunan sisällä kierrätä kohdistusta ensimmäisen ja viimeisen kohdistettavan elementin välillä Sarkain- ja Shift+Sarkain-näppäimillä, ja sulje valintaikkuna Escape-näppäimellä palauttaen kohdistus käynnistäjään.
  • Kolmansien osapuolten upotettujen sisältöjen (videosoittimet, kartat, tuntemattomista lähteistä tulevat iframe-elementit) osalta testaa, jatkaako Sarkain-näppäin kulkemistaan upotuksen ohi. Jos ei, dokumentoi poistumistapa upotuksen läheisyydessä.
  • Mukautetuissa widgeteissä, jotka kuluttavat nuolinäppäimiä (päivämäärävalitsimet, yhdistelmälaatikot, puunäkymät), pidä Sarkain yleisenä uloskäyntinä — älä koskaan estä sitä.
  • Vetokahvoissa tai RTF-editoreissa, jotka käyttävät Sarkain-näppäintä sisentämiseen, tarjoa dokumentoitu vaihtoehto (Escape vapautukseen, Ctrl+M muokkaustilasta poistumiseen) ja tuo se näkyviin käyttöliittymässä.

Yleisiä virheitä

  • Modaali-valintaikkunat, jotka loukkuvat kohdistuksen mutta eivät sulkeudu Escape-näppäimellä eivätkä tarjoa kohdistettavaa sulkemispainiketta.
  • Upotetut PDF-katseluohjelmat, Flash-jäänteet ja jotkin Tableau- tai Power BI -koontinäytöt, jotka nielevät Sarkain-näppäimen loputtomiin.
  • RTF-editorit (TinyMCE, CKEditor vanhemmissa versioissa), jotka kaappaavat Sarkain-näppäimen sisentämistä varten eivätkä koskaan vapauta sitä.
  • Mukautetut yhdistelmälaatikot, joissa nuolinäppäimet siirtyvät vaihtoehtojen läpi mutta Sarkain ei tee mitään — käyttäjä jää jumiin syötekenttään.
  • Evästebannereita, joiden kohdistuksen hallinta kiertää silmukassa tarjoamatta koskaan Hyväksy- tai Hylkää-kohdistusta.

Automaattiset työkalut harvoin havaitsevat tämän — axe ja Lighthouse pystyvät merkitsemään vain epäilyttäviä malleja. Manuaalinen näppäimistötestaus on ainoa luotettava tarkistus.

Miksi tämä on tärkeää

Näppäimistöloukku on yksi vakavimmista saavutettavuusvirheistä: käyttäjä on kirjaimellisesti estynyt poistumasta sivun kyseiseltä osalta. Näkövammainen käyttäjä saattaa joutua päivittämään sivun ja menettämään istunnon sekä lomakkeen tiedot. Monille käyttäjille tämä on hetki, jolloin he hylkäävät sivuston kokonaan. Kaikista WCAG-kriteereistä tämä on todennäköisimmin sellainen, joka tekee sivusta oikeudellisesti puolustuskyvyttömän — tuomioistuimet ja valvontaelimet pitävät käyttäjien loukkuun jäämistä selkeänä esteenä.