Saavutettavuus
Koodi sisältää alla kuvatut ominaisuudet. Tämä on tekninen toteutusseloste, ei sertifioitu vaatimustenmukaisuustodistus tai suoritettu riippumaton auditointi.
1. Näppäimistönavigointi
Hyppylinkki (skip link) vie suoraan pääsisältöön. Navigointi käyttää tavallisia linkkejä, toiminnot painikkeita ja suodattimet natiiveja valintaelementtejä (select). Kohdistuksella on selkeä näkyvä ääriviiva. UKK-vastaukset käyttävät natiiveja details- ja summary-elementtejä, jotka aukeavat ilman JavaScriptiä.
Pienillä näytöillä arvontapäivien luettelo toimii vaakasuuntaisena nauhana. Näppäimistökäyttäjät voivat selata päivämääriä. Sivustolla ei käytetä kiinnitettyjä peitekerroksia otsikoiden tai lähdeviitteiden päällä.
2. Rakenne ja taulukot
Jokaisella sivulla on yksi pääotsikko (h1) sekä semanttiset header-, nav-, main- ja footer-alueet. Tulostaulukoissa on kuvatekstit (caption) sekä sarake- ja riviotsikot. Leveillä taulukkoalueilla on saavutettavat nimikkeet ja näppäimistökohdistus sekä näkyvä vieritysohje.
Täydelliset arvontatietueet, esiintyvyysluvut, lähdemerkinnät ja valikot sisältyvät HTML-koodiin ennen JavaScriptin suorittamista. Erillisillä numeroryhmillä on tekstinimikkeet, joten väri ei ole ainoa erottava tekijä.
3. Lomakenimikkeet ja tilaviestit
Suodatin- ja luonnoskentillä on näkyvät nimikkeet (label). Pakolliset kentät ja merkkirajat on selitetty. Arkisto ilmoittaa vastaavien tietueiden määrän (myös nollan) ja tarjoaa nollaustoiminnon, kun mikään ei täsmää.
Luonnoksen tarkistus käyttää selaimen omaa validointia yhdessä tyhjien kenttien, pituuksien ja sallittujen URL-protokollien tarkistusten kanssa. Kopiointi ja lataus tuottavat tekstimuotoisia tilaviestejä onnistuneen viestitoimituksen väittämisen sijaan.
4. Luettavuus, skaalaus ja liike
Asettelu käyttää järjestelmäkirjasimia, joustavaa tekstin rivittymistä, selkeitä taulukkorivejä eikä sisällä valokuvia tai koristeellisia animaatioita. Numeroruudut käyttävät tasalevyistä kirjasinta. Mobiiliasettelu korvaa vasemman sivupalkin kompaktilla päivämääränauhalla.
Vähennetyn liikkeen sääntö (prefers-reduced-motion) kytkee animaatiot ja siirtymät pois päältä. Koodi ei toista mediaa automaattisesti, siirrä kohdistusta ajastetusti tai kaappaa sivun vieritystä.
5. Rajoitukset ja huomion ilmoittaminen
Selain-, apuväline-, zoomaus- ja näyttökokotestaus on edelleen tarpeen todellisessa tuotantoympäristössä. Leikepöydän käyttö riippuu selaimen oikeuksista; manuaalinen valintamahdollisuus on tarjolla varavaihtoehtona. Suodatus ja paikalliset viennit vaativat JavaScriptin, mutta tietueet ovat luettavissa ilman sitä.
Voit jäsentää saavutettavuushuomiosi paikallisella luonnostyökalulla. Mainitse sivu, kyseinen elementti ja havaitsemasi ongelma ilman henkilötietoja. Työkalu ei lähetä tukipyyntöä eikä ilmoita kenellekään automaattisesti.