Saavutettavuusseloste
Laissa nro 424/2023 säädettyjen saavutettavuusvaatimusten noudattaminen
Tällä sivulla kerrotaan, miten verkkokauppamme/sivustomme noudattaa lain nro 424/2023 vaatimuksia verkkosivustojen ja mobiilisovellusten saavutettavuudesta. Laki perustuu Euroopan unionin direktiiviin 2019/882 ja edellyttää, että digitaaliset palvelut ovat kaikkien käyttäjien saavutettavissa, myös vammaisten henkilöiden.
Lain vaatimukset ja niiden toteuttaminen
- Digitaalisten palveluiden on oltava saavutettavia kaikille käyttäjille, myös vammaisille.
- Laki ei aseta tarkkoja teknisiä vaatimuksia, mutta saavutettavuus voidaan osoittaa ns. yhdenmukaistetulla standardilla.
- Lain nro 424/2023 16 §:n mukaan palvelu katsotaan lain mukaiseksi, jos se noudattaa yhdenmukaistettua standardia tai sen osaa.
- Osoittaaksemme vaatimustenmukaisuutemme käytämme standardeja EN 301 549 V3.2.1:2021 ja WCAG 2.2 tasolla AA. Nämä standardit määrittelevät saavutettavuuden tarkat kriteerit ja niiden tarkistusmenetelmät.
Yhdenmukaistetun standardin noudattaminen
Alla esitetään toimenpiteet, joilla noudatamme edellä mainittuja standardeja:
- Sivusto on havaittava, hallittava, ymmärrettävä ja vakaa WCAG 2.2 -periaatteiden mukaisesti.
- Kaikki sivuston toiminnot ovat käytettävissä myös pelkällä näppäimistöllä.
- Yhteensopivuus avustavien teknologioiden kanssa on varmistettu.
- Kaikilla kuvilla on merkitykselliset vaihtoehtoiset tekstit (alt-attribuutti).
- Värit ja kontrasti on suunniteltu näkörajoitteisia käyttäjiä varten.
- Sivusto on luettavissa ja käytettävissä myös tekstin suurennuksella jopa 200 %.
- Lomakkeissa on oikein liitetyt nimikkeet ja ne ovat ruudunlukuohjelmien saavutettavissa.
- Sivuston rakenne on looginen, otsikot ja navigointi selkeitä ja hierarkkisesti jäsenneltyjä.
- Koko sivusto on merkitty oikealla sivun kielellä.
- Sisältö on saatavilla kaikilla laitteilla (PC, mobiili, tabletti).
- Sivustoa testataan säännöllisesti automaattisilla ja manuaalisilla työkaluilla, mukaan lukien ruudunlukuohjelmilla.
- Pyynnöstä toimitamme saavutettavuustiedot myös äänimuodossa.
Yhteenveto EN 301 549 / WCAG 2.2 -vaatimusten täyttämisestä:
| Vaatimus | Kuvaus | Käytetyt teknologiat ja työkalut | Todentamismenetelmä |
| Käyttö näppäimistöllä (WCAG 2.2 - 2.1 / EN 301 549 - 9.2.1) |
Kaikki toiminnot ovat käytettävissä vain näppäimistöllä. | HTML, tabindex, ARIA | Manuaalinen testaus näppäimistöllä |
| Yhteensopivuus avustavien teknologioiden kanssa (WCAG 2.2 - 4.1.2 / EN 301 549 - 9.4.1) |
Elementit on kuvattu oikein ja ne ovat luettavissa ruudunlukuohjelmilla. | Semanttinen HTML, ARIA, alt-kuvaukset | Testatut ruudunlukijat: NVDA, JAWS, VoiceOver, TalkBack |
| Vaihtoehtoiset tekstit (WCAG 2.2 - 1.1.1 / EN 301 549 - 9.1.1) |
Kuvilla on merkitykselliset alt-tekstit, koristekuvat alt="" | HTML5 | Manuaalinen tarkistus, WAVE-työkalu |
| Riittävä kontrasti (WCAG 2.2 - 1.4.3 / EN 301 549 - 9.1.4.3) |
Vähimmäiskontrasti 4,5:1 | CSS, WebAIM Contrast Checker | Lighthouse, WAVE, manuaalinen testaus |
| Tekstin suurennus (WCAG 2.2 - 1.4.4 / EN 301 549 - 9.1.4.4) |
Sisältö säilyy luettavana ja toimivana 200 % suurennuksella | Responsiivinen CSS | Manuaalinen testaus selaimessa |
| Saavutettavat lomakkeet (WCAG 2.2 - 3.3.2 / EN 301 549 - 9.2.5) |
Nimikkeet, looginen rakenne, luettavat virheilmoitukset | HTML5, ARIA | Manuaalinen testaus, NVDA, VoiceOver |
| Looginen sisältörakenne (WCAG 2.2 - 1.3.1 / EN 301 549 - 9.1.3) |
Semanttinen HTML-rakenne, otsikot, elementtien järjestys | Semanttinen HTML | Validointityökalu, manuaalinen tarkistus |
| Sivun kielen määrittely (WCAG 2.2 - 3.1.1 / EN 301 549 - 9.3.1.1) |
Käytetään lang-attribuuttia pääkielen määrittelyyn | HTML5 lang-attribuutti | Manuaalinen HTML-tarkistus |
| Fokus on näkyvä (WCAG 2.2 - 2.4.7 / EN 301 549 - 9.2.4.7) |
Fokus on aina näkyvä eikä sitä peitetä | CSS, ARIA | Manuaalinen testaus näppäimistöllä |
| Fokuksen tyyli (WCAG 2.2 - 2.4.11 / EN 301 549 - 9.2.4.7) |
Fokus on selvästi havaittavissa (esim. reunus, värimuutos) | CSS | Manuaalinen tarkistus näppäimistöllä |
| Ohjaus ilman vetämistä (WCAG 2.2 - 2.5.7 / EN 301 549 - 9.2.5.4) |
Interaktiot eivät vaadi drag & drop -toimintoa – vaihtoehtona klikkaus | JS fallback tai painikevaihtoehto | Ei käytetä drag & drop -elementtejä pääasiallisina ohjauselementteinä |
| Minimikoko kohteille (WCAG 2.2 - 2.5.8 / EN 301 549 - 9.5) |
Painikkeet ja ohjaimet vähintään 24×24 px | CSS | Testaus eri laitteilla |
| Responsiivisuus (perustuu WCAG 2.2 - 2.5.8, 1.4.4) |
Sivusto toimii ja on luettavissa kaikilla laitteilla | Responsiivinen CSS | Testaus eri laitteilla |
| Johdonmukaisuus (WCAG 2.2 - 3.2.6 / EN 301 549 - 9.3.2.3) |
Ohjeet, navigointi, yhteystiedot ja muut tukitoiminnot ovat saatavilla yhdenmukaisesti kaikilla sivuilla | Navigaatio, linkit | Manuaalinen tarkistus sivuston eri osissa |