Suomi
a11yglass · Verkkosivustojen saavutettavuustarkistus

EtusivuTietopankki › WCAG-kriteeri

Näppäimistökäyttö WCAG 2.1.1:n mukaan

Jokaisen toiminnon on oltava saavutettavissa ja laukaistavissa näppäimistöllä. Tämä koskee erityisesti itse rakennettuja hallintaelementtejä (div/span napsautuskäsittelijällä button/a:n sijaan).

Yleiset virheet

Napsautettavat <div>/<span> ilman tabindexiä ja näppäimistökäsittelijää, alasvetovalikot vain :hoverilla, modaalit ilman kohdistuksen hallintaa, karusellit ilman ohjauspainikkeita.

Näin teet sen oikein

Käytä natiivielementtejä (button, a, input). Kun se ei ole mahdollista: role, tabindex="0" ja keydown-käsittelijä Enterille/välilyönnille. Ei näppäimistöansoja — myös ulos on päästävä.

Automaattisen testin raja

Näppäimistökäyttöä voi tarkistaa vain aidolla vuorovaikutuksella — a11yglassin maksuton skannaus ei kata sitä. Käy sivu kerran läpi ylhäältä alas pelkästään Tab-, Vaihto+Tab-, Enter-, välilyönti- ja nuolinäppäimillä.

Näin a11yglass auttaa

Maksuton skannaus tarkistaa toimitetun HTML:n ja CSS:n automaattisesti tunnistettavien WCAG-rikkomusten varalta ja ilmoittaa kutakin havaintoa kohti onnistumiskriteerin ja konkreettisen toimenpiteen. Se löytää suunnilleen 20–35 % ongelmista eikä korvaa täydellistä arviointia.

Lue lisää

Yleistä tietoa parhaan tietämyksen mukaan, ei oikeudellista neuvontaa. Yksittäistapauksessa on syytä kääntyä IT-oikeuteen erikoistuneen asianajotoimiston puoleen.