Etusivu › Tietopankki › WCAG-kriteeri

Näkyvä kohdistus WCAG 2.4.7:n mukaan

Näppäimistöllä navigoivan on nähtävä koko ajan, millä elementillä kohdistus on. outline: none ilman korvaajaa rikkoo kriteeriä 2.4.7.

Yleiset virheet

*:focus { outline: none } reset-CSS:ssä ilman korvaajaa, kohdistustyyli liian pienellä kontrastilla, tai kohdistusrengas, jonka viereinen elementti peittää.

Näin teet sen oikein

Käytä :focus-visibleä (näyttää renkaan vain näppäimistökäytössä), vähintään 2 px, selkeä kontrasti, hieman väliä (outline-offset). Rengas saa jäädä näkyviin, vaikka se häiritsisi — se ei vain saa puuttua.

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ää

• Näppäimistökäyttö WCAG 2.1.1:n mukaan
• Värikontrasti WCAG 1.4.3:n mukaan

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