QualiBooth

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.

6 min read QualiBooth
Abstraktia digitaalista taidetta, joka kuvaa kerroksittaisia saavutettavuusstandardeja ja vaatimustenmukaisuustasoja.

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ä

TasoKuvausLakisääteinen kynnys?
AVähimmäislähtötaso — poistaa vakavimmat esteetHarvoin yksinään riittävä
AAVakiovaatimustenmukaisuus — yleismaailmallinen oikeudellinen mittapuuKyllä, käytännössä kaikilla lainkäyttöalueilla
AAALaajennettu saavutettavuus — korkein tukitasoEi 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:

  1. Suorita automaattisia skannauksia selvien puutteiden tunnistamiseksi (kontrasti, puuttuvat tekstivastineet, puuttuvat nimilaput)
  2. Tee manuaalinen auditointi, joka kattaa näppäimistönavigoinnin, ruudunlukijan toiminnan ja WCAG 2.2:n erityiskriteerit
  3. Korjaa ongelmat tärkeysjärjestyksessä — kriittiset esteet ensin, sitten AA-puutteet
  4. Julkaise saavutettavuusseloste, jossa ilmoitat vaatimustenmukaisuustasosi ja tunnetut rajoitukset
  5. 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ää?