Saavutettavuus (englanniksi accessibility, lyhennetään a11y) tarkoittaa verkkosivuston suunnittelua ja toteuttamista niin, että kaikki ihmiset voivat käyttää sitä — mukaan lukien näkövammaiset, kuulovammaiset, motorisilta taidoiltaan rajoitteiset ja kognitiivisista haasteista kärsivät henkilöt.
Mitä WCAG tarkoittaa?
WCAG (Web Content Accessibility Guidelines) on W3C:n julkaisema kansainvälinen standardi verkkosisällön saavutettavuudelle. Se perustuu neljään periaatteeseen:
1. Havaittava (Perceivable)
Sisällön on oltava esitettävissä tavalla, jonka käyttäjä voi havaita:
- Kuvilla on alt-tekstit ruudunlukijoita varten
- Videot on tekstitetty kuulovammaisia varten
- Riittävä kontrasti tekstin ja taustan välillä
2. Hallittava (Operable)
Käyttöliittymän ja navigoinnin on oltava käytettävissä:
- Kaikki toiminnot näppäimistöllä navigoitavissa
- Riittävästi aikaa sisällön lukemiseen
- Ei vilkkuvia elementtejä, jotka voivat aiheuttaa kohtauksia
3. Ymmärrettävä (Understandable)
Sisällön ja käyttöliittymän on oltava ymmärrettäviä:
- Sivuston kieli on määritelty HTML:ssä
- Navigointi on johdonmukaista sivulta toiselle
- Lomakkeiden virheilmoitukset ovat selkeitä
4. Lujatekoinen (Robust)
Sisältö toimii luotettavasti eri teknologioilla:
- Semanttinen HTML — oikeat elementit oikeisiin tarkoituksiin
- Yhteensopivuus avustavien teknologioiden kanssa (ruudunlukijat)
- Validoitu koodi — toimii kaikilla selaimilla
WCAG-tasot
WCAG määrittelee kolme noudattamistasoa:
| Taso | Kuvaus | Vaatimus |
|---|---|---|
| A | Perustaso | Minimivaatimukset — poistaa pahimmat esteet |
| AA | Suositeltava | Useimpien käyttäjien tarpeet — EU:n ja Suomen vaatimustaso |
| AAA | Korkein | Laajin saavutettavuus — kaikille ei aina mahdollinen |
Taso AA on käytännön standardi — EU:n saavutettavuusdirektiivi ja Suomen digipalvelulaki edellyttävät sitä julkishallinon sivustoilta, ja se on suositeltava myös yksityisille yrityksille.
Saavutettavuus ja liiketoiminta
Saavutettavuus ei ole vain lakivelvoite — se on myös liiketoimintaetu:
- Laajempi yleisö — Suomessa arviolta 1,2 miljoonaa ihmistä hyötyy saavutettavista sivustoista
- Parempi SEO — monet saavutettavuuskäytännöt (alt-tekstit, otsikkorakenne, semanttinen HTML) parantavat hakukonenäkyvyyttä
- Parempi mobiilikäyttö — saavutettava sivusto toimii hyvin kaikilla laitteilla
- Juridinen suoja — saavutettavuusvaatimukset laajenevat yksityiselle sektorille EU:ssa
Saavutettavuuden testaaminen
Sivuston saavutettavuutta voi testata useilla työkaluilla:
- Google Lighthouse — selaimeen integroitu työkalu, joka antaa saavutettavuuspistemäärän
- axe DevTools — selainlaajennus yksityiskohtaiseen testaukseen
- WAVE — visuaalinen saavutettavuustestaustyökalu
- Näppäimistötestaus — navigoi sivusto pelkällä näppäimistöllä (Tab, Enter, Esc)
- Ruudunlukija — testaa sivusto VoiceOverilla (Mac) tai NVDA:lla (Windows)
Yhteenveto
Saavutettavuus tarkoittaa verkkosivuston suunnittelua kaikille käyttäjille — myös niille, joilla on toimintarajoitteita. WCAG-standardi määrittelee konkreettiset ohjeet, ja taso AA on suositeltava minimitaso. Saavutettavuus parantaa myös SEO:ta, mobiilikäytettävyyttä ja käyttäjäkokemusta. Sivustoissamme saavutettavuus huomioidaan alusta alkaen semanttisella HTML:llä, riittävällä kontrastilla ja näppäimistönavigointituella.