Mikä on WCAG
WCAG (Web Content Accessibility Guidelines) ovat W3C-konsortion julkaisemat kansainväliset verkkosaavutettavuuden ohjeet. Versio 2.1 AA on standardi, johon EN 301 549 ja EAA:n toimeenpaneva kansallinen lainsäädäntösi viittaavat. Se määrittelee kolme tasoa: A (perus), AA (keskitaso, lain vaatima) ja AAA (korkein, ei lain vaatima).
WCAG:n neljä periaatetta (POUR)
Havaittava (Perceivable)
Tiedot ja käyttöliittymän komponentit on esitettävä tavalla, jonka käyttäjät voivat havaita. Esimerkki: kuvan vaihtoehtoinen teksti — näkövammainen käyttäjä kuulee kuvauksen hiljaisuuden sijaan.
Hallittava (Operable)
Ohjaimien ja navigoinnin on oltava käytettävissä ilman hiirtä. Esimerkki: koko verkkokaupan on oltava käytettävissä näppäimistöllä (Tab, Enter, nuolinäppäimet) — motorisesti rajoittuneille käyttäjille.
Ymmärrettävä (Understandable)
Sisällön ja toimintojen on oltava ymmärrettäviä. Esimerkki: virheilmoitus Virheellinen syöte ei riitä — sen on sanottava Anna sähköpostiosoite muodossa nimi@alue.fi.
Luja (Robust)
Sisällön on oltava yhteensopiva apuvälineiden kanssa (ruudunlukijat, kytkimohjaus). Esimerkki: painikkeella on oltava rooli "button" ja saavutettava nimi, jotta ruudunlukija ilmoittaa sen oikein.
Miten WCAG kytkeytyy kansalliseen lainsäädäntöön
EAA:n toimeenpaneva kansallinen lainsäädäntösi ei viittaa WCAG:hen suoraan. Se viittaa yhdenmukaistettuun standardiin EN 301 549, joka ottaa WCAG 2.1 AA:n tekniseksi perustakseen. Hierarkia on: laki → EN 301 549 → WCAG 2.1 AA.
WCAG 2.1 AA:n täyttäminen on käytännön tie standardin ja siten lain vaatimusten täyttämiseen. WCAG itsessään ei ole oikeudellisesti sitova — laki on.
Mitä voidaan tarkistaa automaattisesti
Automaattiset työkalut (mukaan lukien Inkluzo) voivat kattaa noin 30–50 % WCAG 2.1 AA -kriteereistä. Automaattisesti havaittavat ongelmat sisältävät:
- Puuttuvat vaihtoehtoiset tekstit kuville (kriteeri 1.1.1)
- Riittämätön värikontrasti (kriteeri 1.4.3)
- Puuttuvat lomakekenttien selitteet
- Virheellinen otsikkorakenne
- Puuttuva sivun kieli
Mitä automaatio ei havaitse:
- Tekstin selkeys ja luettavuus
- Looginen sisältöjärjestys
- Vaihtoehtoisten tekstien asianmukaisuus (oikea muoto kyllä, merkityksellinen sisältö ei)
- Käyttäytyminen todellisten apuvälineiden kanssa
Tärkeimmät kriteerit verkkokaupalle
- 1.1.1 Ei-tekstuaalinen sisältö (A): Vaihtoehtoiset tekstit kaikille toiminnallisille kuville
- 1.4.3 Kontrasti (AA): Vähimmäiskontrastisuhde 4,5:1 normaalille tekstille, 3:1 suurelle tekstille
- 2.1.1 Näppäimistö (A): Kaikki toiminnot käytettävissä näppäimistöllä
- 3.3.1 Virheiden tunnistaminen (A): Lomakevirheilmoitukset tunnistavat ongelman selkeästi
- 4.1.2 Nimi, rooli, arvo (A): Kaikilla interaktiivisilla elementeillä on ohjelmallisesti määritettävä nimi ja rooli
Lisää oppaan artikkeleita
Usein kysytyt kysymykset
- Täytyykö minun täyttää koko WCAG 2.1 AA?
- EAA:n toimeenpanevan kansallisen lainsäädäntösi tarkoituksiin vaatimustenmukaisuutta odotetaan EN 301 549:n kautta, joka sisältää WCAG 2.1 AA:n. Tavoitteena on siis täyttää WCAG 2.1 AA kokonaisuudessaan. Poikkeus voi soveltua, jos täyttäminen muodostaisi suhteettoman taakan — tarkkaa arviointia varten suosittelemme konsultoimaan lakimiestä.
- Miten WCAG eroaa laista?
- WCAG on W3C:n — kansainvälisen konsortion — julkaisema tekninen standardi. Kansallinen lainsäädäntösi toimeenpanee EAA:n ja viittaa EN 301 549:ään, joka ottaa WCAG:n käyttöön. WCAG itsessään ei ole oikeudellisesti sitova.
- Mitä taso AA tarkoittaa?
- WCAG:n keskitason saavutettavuustaso. Taso A kattaa perusvaatimukset, AAA on korkein (eikä lain vaatima). EAA:n toimeenpaneva kansallinen lainsäädäntösi odottaa vaatimustenmukaisuutta tasolla AA.
Haluatko testata verkkosivustosi esteettömyyttä nyt?
Käynnistä esteettömyystarkistus