WCAG 2.1 — Verkkosisällön saavutettavuusohjeet 2026

Oletko koskaan kuullut WCAG 2.1:stä? Se on verkkosisällön saavutettavuusohjeiden lyhenne, ja se on maailman tärkein standardi verkkosivujen saavutettavuudelle. WCAG 2.1 on perusta kaikille suurille saavutettavuuslaeille — EAA:lle, ADA:lle, BFSG:lle ja Suomen laille.

Tämä täydellinen opas selittää kaiken, mitä sinun tulee tietää WCAG 2.1:stä — periaatteista ja kriteereistä käytännön testaukseen ja toteutukseen.

Mikä on WCAG 2.1?

WCAG (Web Content Accessibility Guidelines) on kansainvälinen standardi verkkosisällön saavutettavuudelle. Sen on kehittänyt W3C (World Wide Web Consortium), ja se on perusta lähes kaikille maailman saavutettavuuslaeille — mukaan lukien EAA, ADA, BFSG, Section 508 ja Suomen laki.

WCAG 2.1 julkaistiin 2018, ja se laajentaa edeltäjäänsä WCAG 2.0:aa uusilla kriteereillä mobiililaitteille, kognitiivisesti rajoittuneille henkilöille ja näkövammaisille.

WCAG 2.1:n neljä periaatetta — POUR

WCAG 2.1 perustuu neljään periaatteeseen, jotka tunnetaan lyhenteellä POUR:

1. Havaittava (Perceivable)

Sisällön on oltava kaikkien käyttäjien havaittavissa. Tämä tarkoittaa:

• Alt-teksti kaikille ei-tekstuaalisille sisällöille (1.1.1)
• Tekstitykset videoille (1.2.2)
• Värikontrastit vähintään 4.5:1 (1.4.3)
• Suurennus 200 %:iin ilman sisällön menetystä (1.4.4)

2. Toiminnallinen (Operable)

Sisällön on oltava kaikkien käyttäjien toiminnallinen. Tämä tarkoittaa:

• Näppäimistökäytettävyys — kaikki toiminnot näppäimistöllä (2.1.1)
• Ei näppäimistöansoja — käyttäjät eivät voi jäädä jumiin (2.1.2)
• Näkyvät kohdistusilmaisimet (2.4.7)
• Riittävä aika — aikarajat poistettavissa (2.2.1)

3. Ymmärrettävä (Understandable)

Sisällön on oltava kaikkien käyttäjien ymmärrettävissä. Tämä tarkoittaa:

• Sivun kieli — lang-attribuutti asetettu (3.1.1)
• Lomakeotsikot — otsikot kaikille kentille (3.3.2)
• Virheiden tunnistus — selkeät virheilmoitukset (3.3.1)
• Ennakoitava navigointi — johdonmukainen navigointi (3.2.3)

4. Luotettava (Robust)

Sisällön on oltava yhteensopiva avustavien teknologioiden kanssa. Tämä tarkoittaa:

• ARIA — oikeat ARIA-roolit ja -attribuutit (4.1.2)
• Validi HTML — ei virheitä merkinnöissä (4.1.1)
• Tilaviestit — ilmoitettava näytönlukuohjelmille (4.1.3)

WCAG 2.1 Level AA — Vaadittu taso

WCAG 2.1 määrittelee kolme vaatimustasoa:

• Level A — Vähimmäisvaatimukset (alin taso)
• Level AA — Normaalit vaatimukset (EAA:n, ADA:n, BFSG:n edellyttämä) ✅
• Level AAA — Laajennetut vaatimukset (korkein taso)

EAA, ADA, BFSG ja Suomen laki vaativat Level AA:ta. Tämä tarkoittaa: Kaikkien Level A:n ja Level AA:n menestyskriteerien on täytyttävä. Level AAA ei ole pakollinen, mutta sitä voidaan pitää parhaana käytäntönä.

WCAG 2.1 vs WCAG 2.2 — Mitä eroa on?

WCAG 2.2 julkaistiin 2023, ja se on ohjeiden uusin versio. Tärkeimmät uudet kriteerit ovat:

• 2.4.11 — Kohdistus ei peittynyt (vähintään): Kohdistetut elementit eivät saa peittyä
• 2.4.12 — Kohdistus ei peittynyt (laajennettu): Laajempi alue kohdistusilmaisimille
• 2.5.7 — Liikeaktivointi: Laitteen liikkeet on voitava poistaa käytöstä
• 2.5.8 — Kohdekoko (vähintään): Kosketuskohteet 24x24px
• 3.2.6 — Johdonmukainen apu: Aputoiminnot johdonmukaisesti sijoitettuna

Tärkeää: EAA, ADA ja BFSG viittaavat WCAG 2.1:een, eivät WCAG 2.2:een. Yritysten on täytettävä WCAG 2.1 Level AA. WCAG 2.2:ta voidaan pitää parhaana käytäntönä, mutta se ei ole pakollinen.

WCAG 2.1 — Globaali standardi

Yhteenveto: Lähes kaikki maailman tärkeimmät saavutettavuuslait viittaavat WCAG:iin teknisenä standardina. Yritykset, jotka täyttävät WCAG 2.1 Level AA:n, ovat kansainvälisesti hyvin varustautuneita.

Kuinka testaan WCAG 2.1 -yhteensopivuuden?

Vaihe 1: Automaattinen testaus

Käytä ilmaista tarkistintamme automaattiseen testaukseen verkkosivusi WCAG 2.1 Level AA -standardin mukaisesti. Saat yksityiskohtaisen raportin rikkomuksista ja ratkaisuehdotuksista.

Vaihe 2: Manuaalinen testaus

Jotkut WCAG-kriteerit (esim. luettavuus, konteksti) voidaan testata vain manuaalisesti. Testaa verkkosivusi:

• Näytönlukuohjelmilla — NVDA (Windows) tai VoiceOver (Mac)
• Näppäimistönavigoinnilla — vain Tab, Enter ja nuolinäppäimet
• Värikontrastityökaluilla — 4.5:1-kontrastille

Vaihe 3: Dokumentaatio

Dokumentoi kaikki testaukset, korjatut ongelmat ja saavutettavuusseloste. Tämä toimii todisteena vaatimustenmukaisuuspyrkimyksistäsi.

Usein kysytyt kysymykset — WCAG 2.1

Sisäiset linkit — WCAG-resurssit