Lomakkeet
Varmista label-elementti jokaiselle syötteelle, hyödynnä autocomplete-arvoja, tee virheilmoituksista ruudunlukijaystävällisiä ja merkitse pakolliset kentät selkeästi.
WCAG 2.2 · Pelirata
WCAG 2.2 -pelirata tuotetiimille
Kuusi teemaa, joista valtaosa kuluttajapolkujen saavutettavuuspuutteista johtuu — ja niihin valmiit korjausmallit.
Fokus
Takaa näkyvä fokus jokaiselle interaktiiviselle elementille. Vältä outline:none -määritystä ilman korvaavaa, selkeää tyyliä. Varmista myös looginen fokusjärjestys.
Kontrasti
Pidä kontrasti vähintään 4.5:1 leipätekstille ja 3:1 suuremmille otsikoille sekä komponenttien reunoille. Tarkista aputekstit ja disabled-tilat erityisen huolella.
Liike
Kunnioita käyttäjän prefers-reduced-motion -asetusta. Älä luota yksinomaan animaatioihin kriittisen tilatiedon välittämisessä.
Rakenne
Käytä vain yhtä h1-otsikkoa per sivu, rakenna looginen otsikkohierarkia, hyödynnä landmark-rooleja ja tarjoa 'ohita ja siirry sisältöön' -linkki.
Näppäimistökäyttö
Kaikki sivuston toiminnot on pystyttävä suorittamaan pelkällä näppäimistöllä. Varo näppäimistöansoja, varmista että ESC sulkee modaali-ikkunat ja että Tab-näppäin etenee loogisesti.
Tilaa Valmiusindeksin päivitykset ja sääntelykatsaukset
Seuraa Suomen kuluttajapalveluiden saavutettavuustilannetta ja Digipalvelulain soveltamista. Kerran kuussa sähköpostiisi: indeksipäivitykset, sääntelyhavainnot ja parhaat korjauskäytännöt. Haluatko nähdä alustan omassa polussanne? Varaamme myös 30 minuutin esittelyjä.
- EN 301 549 -kytketyt havainnot
- Saavutettavuusselosteen jatkuva ylläpito
- 14 päivän palauteprosessi
- Auditoitava todistusketju