Digitaalinen saavutettavuus on tasa-arvoa
Esteettömyysdirektiivi ja WCAG käytännössä: saavutettavat verkkosivut ja palvelut, aivan kuten luiskat ja hissit keskustoissamme.
Paikallispolitiikassa teen työtä sellaisen Nokian puolesta, jossa kadut, keskustat ja julkiset rakennukset ovat kaikkien käytettävissä: luiskat portaiden sijaan, hissit ja esteettömät reitit. Työssäni näen saman kysymyksen joka päivä toisessa muodossa. Verkkosivu, jota ei voi käyttää ruudunlukijalla, on rakennus ilman luiskaa.
Digitaalinen saavutettavuus ei ole mukava lisä. Se on tasa-arvoa, ja EU:ssa yhä useammin myös laki.
Keitä se hyödyttää
Saavutettavuutta pidetään usein pienen ryhmän asiana. Todellisuudessa se palvelee:
- sokeita ja heikkonäköisiä, jotka käyttävät ruudunlukijaa tai suurennusta,
- liikuntarajoitteisia, jotka käyttävät hiiren sijaan näppäimistöä, kytkintä tai puheohjausta,
- kuuroja ja kuulovammaisia, jotka tarvitsevat tekstitykset,
- ihmisiä, joilla on kognitiivisia vaikeuksia tai oppimisvaikeuksia ja jotka tarvitsevat selkeää kieltä ja ennakoitavaa rakennetta,
- ikääntyneitä, joiden näkö, kuulo ja hienomotoriikka muuttuvat iän myötä,
- ja meitä kaikkia tilapäisissä tilanteissa: murtunut käsi, auringonpaiste puhelimen näytöllä, meluisa juna.
Laki lyhyesti
- Suomessa julkisen sektorin verkkosivustojen ja sovellusten on täytynyt täyttää saavutettavuusvaatimukset vuodesta 2019 digitaalisten palvelujen tarjoamisesta annetun lain mukaan. Tietoa ja ohjeita löytyy osoitteesta saavutettavuusvaatimukset.fi (avautuu uuteen välilehteen).
- Euroopan esteettömyysdirektiiviä on sovellettu 28. kesäkuuta 2025 alkaen. Se laajentaa vaatimukset moniin yksityisiin palveluihin, kuten verkkokauppaan, pankkipalveluihin, e-kirjoihin, sähköiseen viestintään ja henkilöliikenteen lipunmyyntiin.
- Teknisenä perustana on eurooppalainen standardi EN 301 549, joka viittaa WCAG-ohjeiden AA-tasoon. WCAG 2.2 on ohjeiden voimassa oleva versio.
Kymmenen tarkistusta, joihin kuka tahansa pystyy
- Käytä pelkkää näppäimistöä. Pääsetkö jokaiseen linkkiin, painikkeeseen ja lomakkeeseen ja voitko käyttää niitä Tab-, Enter- ja välilyöntinäppäimellä? Näetkö, missä kohdistus on?
- Suurenna 200 prosenttiin. Toimiiko sisältö yhä ilman vaakavieritystä?
- Tarkista kuvat. Onko merkityksellisillä kuvilla tekstivastine ja koristekuvilla tyhjä vastine?
- Tarkista kontrasti. Erottuuko teksti selvästi taustastaan?
- Lue otsikot. Muodostavatko ne sivusta loogisen rungon?
- Tarkista lomakkeet. Onko jokaisella kentällä näkyvä nimi? Ovatko virheilmoitukset selkeitä ja kentän vieressä?
- Älä luota pelkkään väriin. "Punaiset kentät ovat pakollisia" ei toimi kaikille.
- Tekstitykset ja tekstivastineet videoille ja äänelle.
- Selkeä kieli. Lyhyitä lauseita, tuttuja sanoja, yksi ajatus kappaleessa.
- Kokeile ruudunlukijaa. NVDA Windowsissa ja VoiceOver Applen laitteissa ovat ilmaisia. Viisi minuuttia avaa silmät.
Saavutettavuus ja tietoturva kuuluvat yhteen
Tietoturvakontrollit ovat yleinen saavutettavuuden este: pelkkiin kuviin perustuvat CAPTCHA-tehtävät, liian nopeasti vanhenevat kirjautumiset tai koodit, jotka on kopioitava laitteesta toiseen. Hyvä suunnittelu ratkaisee molemmat. Esimerkiksi pääsyavaimet ovat salasanoja turvallisempia ja monelle vammaiselle helpompia, koska mitään ei tarvitse muistaa eikä kirjoittaa.
Kun rakensin tämän sivuston uudelleen, noudatin samaa periaatetta: semanttinen HTML, näppäimistöllä liikkuminen, riittävä kontrasti, ei CAPTCHA-tehtäviä eikä tarpeettomia skriptejä. Saavutettavuus ja tietoturva osoittautuivat osoittavan samaan suuntaan: mitä yksinkertaisempi, sitä parempi.