wcag
WCAG-tasot A, AA ja AAA: minkä tarvitset?
Ymmärrä, mitä WCAG-vaatimustenmukaisuustasot A, AA ja AAA todella tarkoittavat, minkä tason laki edellyttää ja mitä kunkin saavuttaminen vaatii.
WCAG — Web Content Accessibility Guidelines — jakaa vaatimuksensa kolmeen vaatimustenmukaisuustasoon: A, AA ja AAA. Jos sinulle on joskus sanottu, että sivustosi on oltava “WCAG-yhteensopiva”, se tarkoittaa lähes aina WCAG 2.2 -tasoa AA. Mutta sen ymmärtäminen, miksi näin on ja mikä erottaa nämä kolme tasoa toisistaan, on olennaista hyvien korjaus- ja tuotepäätösten tekemiseksi.
Kolme tasoa yhdellä silmäyksellä
| Taso | Kuvaus | Lakisääteinen kynnys? |
|---|---|---|
| A | Vähimmäislähtötaso — poistaa vakavimmat esteet | Harvoin yksinään riittävä |
| AA | Vakiovaatimustenmukaisuus — yleismaailmallinen oikeudellinen mittapuu | Kyllä, käytännössä kaikilla lainkäyttöalueilla |
| AAA | Laajennettu saavutettavuus — korkein tukitaso | Ei lakisääteinen; tavoitteellinen |
Tasot ovat kumulatiivisia. Tason AA saavuttaminen tarkoittaa kaikkien tason A ja tason AA kriteerien täyttämistä. Tason AAA saavuttaminen tarkoittaa kaikkien kolmen tason täyttämistä.
Taso A: lähtötaso
Taso A sisältää ne onnistumiskriteerit, joiden täyttymättä jääminen tekee tuotteesta täysin käyttökelvottoman tietyille ihmisryhmille. Nämä eivät ole reunatapauksia — ne ovat ehdottomia esteitä.
Mitä taso A vaatii (valikoituja esimerkkejä):
- 1.1.1 Ei-tekstuaalinen sisältö — kaikilla kuvilla, kuvakkeilla ja medialla on oltava tekstivastine (alt-teksti)
- 1.3.1 Informaatio ja suhteet — visuaalisesti välitetyn rakenteen (otsikot, listat, taulukot) on oltava saatavilla myös ohjelmallisesti
- 2.1.1 Näppäimistö — jokaisen toiminnon on oltava käytettävissä pelkällä näppäimistöllä
- 2.4.1 Ohita lohkot — käyttäjien on voitava ohittaa toistuva navigointi (ohituslinkit)
- 3.1.1 Sivun kieli — sivun kieli on määritettävä HTML:n
lang-attribuutissa - 4.1.1 Jäsentäminen — (vanhentunut WCAG 2.2:ssa; katsotaan aina täytetyksi)
- 3.2.6 Johdonmukainen ohje (lisätty versiossa 2.2) — ohjemekanismien on esiinnyttävä johdonmukaisissa paikoissa
- 3.3.7 Toistuva syöttö (lisätty versiossa 2.2) — istunnon aikana aiemmin annettuja tietoja ei saa vaatia uudelleen
Riittääkö taso A? Ei. Pelkkä taso A ei täytä minkään merkittävän saavutettavuuslain vaatimuksia. Se on lattia, ei tavoite.
Taso AA: oikeudellinen standardi
Tasolle AA laki vetää rajan. Siihen viittaavat:
- ADA (Americans with Disabilities Act) — oikeusministeriön epävirallinen ohjeistus ja oikeuden päätökset viittaavat johdonmukaisesti WCAG 2.x -tasoon AA
- Euroopan esteettömyysdirektiivi (EAA) — edellyttää standardin EN 301 549 noudattamista, joka viittaa WCAG 2.2 -tasoon AA
- EU:n saavutettavuusdirektiivi — velvoittaa julkisen sektorin toimijat WCAG 2.1 -tasoon AA (päivittymässä versioon 2.2)
- Yhdistyneen kuningaskunnan PSBAR — edellyttää WCAG 2.1 -tasoa AA maan julkisen sektorin verkkosivustoilta
- Section 508 (Yhdysvaltain liittovaltio) — viittaa lähtötasona WCAG 2.0 -tasoon AA
- Accessibility for Ontarians with Disabilities Act (AODA) — edellyttää WCAG 2.0 -tasoa AA
Mitä taso AA lisää tason A päälle (valikoituja esimerkkejä):
- 1.4.3 Kontrasti (minimi) — tekstin kontrastisuhteen on oltava vähintään 4,5:1 (3:1 suurelle tekstille)
- 1.4.4 Tekstin koon muuttaminen — tekstin on pysyttävä luettavana 200 %:iin skaalattuna ilman sisällön menetystä
- 1.4.10 Sisällön uudelleenjuoksutus (lisätty versiossa 2.1) — sisältö ei saa vaatia vaakasuuntaista vieritystä 320 pikselin leveydellä
- 1.4.11 Ei-tekstuaalisen sisällön kontrasti (lisätty versiossa 2.1) — käyttöliittymäkomponenttien ja kohdistusilmaisimien on täytettävä 3:1-kontrasti
- 1.4.12 Tekstin välistys (lisätty versiossa 2.1) — sisältö pysyy käyttökelpoisena, kun kirjain-, rivi- ja sanavälistys ohitetaan
- 2.4.7 Kohdistus näkyvissä — näppäimistökohdistuksen ilmaisimien on oltava näkyviä
- 2.4.11 Kohdistus ei peity (lisätty versiossa 2.2) — kiinteät ylätunnisteet tai peiteikkunat eivät saa peittää kohdistettuja elementtejä kokonaan
- 2.4.13 Kohdistusilmaisimen ulkoasu (lisätty versiossa 2.2) — kohdistusilmaisimien on täytettävä koko- ja kontrastivaatimukset
- 2.5.3 Nimessä oleva nimilappu (lisätty versiossa 2.1) — näkyvien nimilappujen on sisällyttävä saavutettaviin nimiin
- 2.5.8 Kohteen koko (vähimmäisvaatimus) (lisätty versiossa 2.2) — vuorovaikutteisten kohteiden on oltava vähintään 24×24 CSS-pikseliä
- 3.3.8 Saavutettava tunnistautuminen (lisätty versiossa 2.2) — kirjautumisprosessit eivät saa perustua kognitiivisen toiminnan testeihin (CAPTCHA)
Taso AA on saavutettavissa insinöörityöllä ja suunnittelulla — se ei vaadi poikkeuksellisia ponnistuksia, mutta se vaatii tietoista huomiota koko tuotekehitysprosessin ajan.
Taso AAA: kultainen standardi
Taso AAA sisältää vaativimmat kriteerit. Ne käsittelevät tilanteita, joissa pienilläkin esteillä on merkittävä vaikutus vaikeasti tai monivammaisiin käyttäjiin. W3C toteaa nimenomaisesti, ettei kaikkien AAA-kriteerien täyttäminen välttämättä ole mahdollista kaikelle sisällölle.
Mitä taso AAA lisää (valikoituja esimerkkejä):
- 1.2.6 Viittomakieli (tallennettu) — tallennetulle äänisisällölle on tarjottava viittomakielinen tulkkaus
- 1.4.6 Kontrasti (parannettu) — kontrastisuhteen on oltava vähintään 7:1 tavalliselle tekstille (4,5:1 suurelle tekstille)
- 2.1.3 Näppäimistö (ei poikkeuksia) — jokaisen toiminnon on oltava näppäimistöllä käytettävissä ilman minkäänlaisia poikkeuksia
- 2.2.3 Ei aikarajoja — minkäänlaisia aikarajoja ei sallita
- 2.4.12 Kohdistus ei peity (parannettu) — kohdistettujen elementtien on oltava kokonaan näkyvissä (ei vain osittain)
- 2.4.9 Linkin tarkoitus (vain linkki) — jokaisen linkin tarkoituksen on käytävä ilmi pelkästä linkkitekstistä ilman ympäröivää kontekstia
- 3.1.5 Lukutaso — sisältö on saatavilla perusopetuksen yläluokkien lukutasolla tai siitä tarjotaan yksinkertaistettu vaihtoehto
- 3.3.6 Virheiden ennaltaehkäisy (kaikki) — kaikkien lähetysten (ei vain oikeudellisten tai taloudellisten) on oltava peruutettavia, tarkistettavia tai vahvistettavia
Kannattaako AAA:ta tavoitella? Monet organisaatiot tekevät sen valikoivasti. Esimerkiksi iäkkäitä asiakkaita palveleva pankki voi priorisoida kriteeriä 1.4.6 (parannettu kontrasti). Julkinen palvelu voi tähdätä kriteeriin 3.1.5 (lukutaso). Mutta AAA-tason tavoittelu koko julkisella verkkosivustolla on harvinaista eikä sitä vaadita lailla missään päin maailmaa.
Yleisiä väärinkäsityksiä
“Läpäisimme automaattisen skannauksen, joten olemme AA-yhteensopivia.” Automaattiset työkalut havaitsevat noin 30–40 % WCAG-ongelmista. Monet AA-kriteerit — näppäimistönavigointi, kohdistuksen hallinta, mielekäs lukujärjestys, saavutettava tunnistautuminen — voidaan varmistaa vain manuaalisella testauksella tai avustavan teknologian avulla tehtävällä arvioinnilla.
“Tarvitsemme AAA-tason julkisiin hankintoihin.” Julkisten hankintojen viitekehykset (Section 508, EN 301 549) edellyttävät tasoa AA, ei AAA:ta. AAA voi esiintyä yksittäisissä sopimusmäärittelyissä, mutta se ei ole lähtötaso.
“Täytimme AA:n kolme vuotta sitten, joten olemme yhä vaatimustenmukaisia.” WCAG 2.2 lisäsi uusia AA-kriteerejä. Jos viimeisin auditointisi tehtiin WCAG 2.0:aa tai 2.1:tä vasten, tarvitset puuteanalyysin version 2.2 lisäyksiä vasten — erityisesti kohdistusilmaisimen ulkoasun, kohdistuksen peittymisen, kohteen koon ja saavutettavan tunnistautumisen osalta.
“Taso A riittää, koska olemme pieni yritys.” Koko ei määrää sovellettavaa standardia. ADA koskee yleisölle avoimia palvelupaikkoja koosta riippumatta. EAA koskee tietyn kynnyksen ylittäviä yksityisen sektorin yrityksiä koosta riippumatta. Pelkkä taso A ei täytä kummankaan vaatimuksia.
Tavoitetason valinta
Valtaosalle organisaatioista vastaus on suoraviivainen: WCAG 2.2 -taso AA on tavoitteesi.
Jos palvelet julkisen sektorin asiakkaita EU:ssa tai Yhdistyneessä kuningaskunnassa, kyseessä on oikeudellinen velvoite. Jos toimit kuluttajille suunnattujen digitaalisten tuotteiden parissa EU:ssa (verkkokauppa, pankkitoiminta, liikenne, teletoiminta), EAA tekee siitä pakollisen kesäkuusta 2025 alkaen. Jos sinulla on yhdysvaltalaisia käyttäjiä, ADA-oikeuskäytäntö pitää yhä useammin WCAG 2.x -tasoa AA odotettuna standardina.
Polku AA-tasolle:
- Suorita automaattisia skannauksia selvien puutteiden tunnistamiseksi (kontrasti, puuttuvat tekstivastineet, puuttuvat nimilaput)
- Tee manuaalinen auditointi, joka kattaa näppäimistönavigoinnin, ruudunlukijan toiminnan ja WCAG 2.2:n erityiskriteerit
- Korjaa ongelmat tärkeysjärjestyksessä — kriittiset esteet ensin, sitten AA-puutteet
- Julkaise saavutettavuusseloste, jossa ilmoitat vaatimustenmukaisuustasosi ja tunnetut rajoitukset
- Ota käyttöön jatkuva seuranta, joka havaitsee taantumat sivustosi kehittyessä
Tason A saavuttaminen ensin ja jäljelle jäävien AA-puutteiden umpeen kurominen toisessa vaiheessa on pätevä vaiheistettu lähestymistapa tiimeille, joiden kapasiteetti on rajallinen. Varmista vain, että AA-puutteille on selkeä korjausaikataulu — pelkkä taso A ei ole puolustettavissa oleva vaatimustenmukaisuusasema.
WCAG:n kolme tasoa eivät ole byrokraattiset tikkaat vaan käytännön tunnustus siitä, että saavutettavuus on jatkumo. Taso A poistaa seinät. Taso AA tekee kokemuksesta aidosti käyttökelpoisen. Taso AAA vie kohti sitä, että jokainen käyttäjä on mukana jokaisessa tilanteessa. Oikeudellinen velvoitteesi on AA — mutta käyttäjäsi hyötyvät kaikesta sen yli menevästä.
Liittyvää luettavaa: WCAG 2.1 vs. 2.2: mikä muuttui · Verkkosivusto WCAG 2.2 -yhteensopivaksi
Etkö ole varma, minkä tason sivustosi täyttää?