KäyttöliittymäsuunnitteluBlogi

Saavutettavuus ei ole valinnainen lisä – se on laki, liiketoimintaetu ja osa vastuullista digikehitystä

Euroopan saavutettavuusdirektiivin soveltaminen laajeni kesäkuussa 2025 yksityiselle sektorille. Silti monessa organisaatiossa saavutettavuus on edelleen "jossain to-do -listalla". Jos olet epävarma, missä kunnossa oma tilanteesi on – tämä artikkeli on kirjoitettu juuri sinulle.

UI/UX -suunnittelija rakentaa ja suunnittelee verkkosivujaan Figmalla. Sovellus on auki suunnittelijan kannettavan tietokoneen näytöllä.
Onni Keiskoski

Saa­vu­tet­ta­vuus­di­rek­tii­vi voi­mas­sa – mis­sä men­nään nyt?

Eu­roo­pan saa­vu­tet­ta­vuus­di­rek­tii­vi (Eu­ro­pean Acces­si­bi­li­ty Act, EAA) an­net­tiin jo vuon­na 2019, mut­ta sen so­vel­ta­mi­nen laa­je­ni mer­kit­tä­väs­ti 28.6.2025, jol­loin vaa­ti­muk­set ulot­tui­vat kos­ke­maan myös yk­si­tyi­sen sek­to­rin di­gi­taa­li­sia pal­ve­lui­ta. Tä­mä tar­koit­taa, et­tä vel­voit­teet ei­vät enää kos­ke ai­noas­taan jul­kis­ta sek­to­ria – myös verk­ko­kau­pat, mo­bii­li­so­vel­luk­set, pank­ki­pal­ve­lut ja säh­köi­set asioin­ti­por­taa­lit ovat nyt lain pii­ris­sä.

Tär­keä yk­si­tyis­koh­ta, jo­ta mo­ni ei tie­dä: Uusil­le tuot­teil­le ja pal­ve­luil­le vaa­ti­muk­set ovat voi­mas­sa jo nyt. Myös ole­mas­sa ole­vil­le di­gi­taa­li­sil­le pal­ve­luil­le – ku­ten verk­ko­si­vus­toil­le ja so­vel­luk­sil­le – vaa­ti­muk­set ovat voi­mas­sa 28.6.2025 al­kaen. Vuo­teen 2030 ulot­tu­va siir­ty­mä­ai­ka kos­kee ai­noas­taan pal­ve­lu­jen tuot­ta­mi­seen käy­tet­tä­viä van­ho­ja fyy­si­siä lait­tei­ta ja tuot­tei­ta (ku­ten kas­sa­päät­tei­tä tai pal­ve­li­mia), jot­ka oli otet­tu käyt­töön en­nen ke­sä­kuu­ta 2025. Tä­mä ei kui­ten­kaan tar­koi­ta, et­tä asia voi­si odot­taa – mi­tä kau­em­min kor­jaus­vel­ka kas­vaa, si­tä suu­rem­pi urak­ka edes­sä on.

Kun­nat, kun­tayh­ty­mät ja jul­kis­ra­hoit­tei­set or­ga­ni­saa­tiot ovat ol­leet Suo­men di­gi­pal­ve­lu­lain vel­voit­tei­den pii­ris­sä jo vuo­des­ta 2019. Sil­ti au­di­toin­neis­sa näem­me tois­tu­vas­ti mer­kit­tä­viä puut­tei­ta – ei­kä pelk­kä saa­vu­tet­ta­vuus­se­los­te rii­tä, jos käy­tän­nön to­teu­tus on­tuu.

Suo­mes­sa vaa­ti­mus­ten to­teu­tu­mis­ta val­voo Ete­lä-Suo­men alue­hal­lin­to­vi­ras­to (AVI).

"Mo­nes­sa or­ga­ni­saa­tios­sa saa­vu­tet­ta­vuus on jää­nyt 'to do' -lis­tal­le, vaik­ka di­rek­tii­vi on jo so­vel­let­ta­vis­sa. Tyy­pil­li­ses­ti ky­se ei ole ha­lut­to­muu­des­ta, vaan sii­tä, et­tei tie­de­tä mis­tä aloit­taa." – Mik­ko Le­so­nen, UI/UX de­sig­ner, Loik­ka

Huom. mik­ro­y­ri­tyk­sil­le: EAA va­paut­taa al­le 10 hen­ki­löä työl­lis­tä­vät yri­tyk­set, joi­den vuo­si­lii­ke­vaih­to on al­le 2 mil­joo­naa eu­roa, di­rek­tii­vin vaa­ti­muk­sis­ta. Jos olet epä­var­ma, kos­kee­ko di­rek­tii­vi juu­ri si­nun or­ga­ni­saa­tio­ta­si, au­tam­me mie­lel­lään kar­toit­ta­maan ti­lan­teen.

Mi­tä saa­vu­tet­ta­vuus käy­tän­nös­sä tar­koit­taa?

Saa­vu­tet­ta­vuus tar­koit­taa si­tä, et­tä verk­ko­si­säl­tö ja di­gi­taa­li­set pal­ve­lut ovat käy­tet­tä­vis­sä ja ym­mär­ret­tä­vis­sä mah­dol­li­sim­man mo­nel­le – mu­kaan lu­kien hen­ki­löt, jot­ka käyt­tä­vät ruu­dun­lu­ki­jaa, na­vi­goi­vat näp­päi­mis­töl­lä, ovat näöl­tään tai kuu­lol­taan ra­joit­tu­nei­ta tai joil­la on kog­ni­tii­vi­sia haas­tei­ta.

Kan­sain­vä­li­nen WCAG-oh­jeis­tus (Web Con­tent Acces­si­bi­li­ty Gui­de­li­nes) on saa­vu­tet­ta­vuu­den ar­vioin­ti­ke­hik­ko. Ny­kyi­sin suo­si­tel­ta­va ver­sio on WCAG 2.2, jo­ka jul­kais­tiin lo­ka­kuus­sa 2023 ja jo­ka täy­den­tää ai­em­paa WCAG 2.1:tä. Mo­lem­mat ver­siot ra­ken­tu­vat nel­jän pää­pe­ri­aat­teen va­raan:

Ha­vait­ta­vuus

Ku­vil­la on ol­ta­va teks­ti­vas­ti­neet, vä­ri­kont­ras­tien on ol­ta­va riit­tä­vät

Hal­lit­ta­vuus

Pal­ve­lua on pys­tyt­tä­vä käyt­tä­mään pel­käl­lä näp­päi­mis­töl­lä

Ym­mär­ret­tä­vyys

Si­säl­lön ja toi­min­to­jen on ol­ta­va sel­kei­tä ja joh­don­mu­kai­sia

Lu­ja­te­koi­suus

Si­säl­lön on toi­mit­ta­va eri se­lai­mil­la, lait­teil­la ja avus­ta­vil­la tek­no­lo­gioil­la

AA-ta­so on vaa­ti­mus­ta­so, jo­ta se­kä di­gi­pal­ve­lu­la­ki et­tä EAA edel­lyt­tä­vät. WCAG 2.1 AA kat­taa 50 on­nis­tu­mis­kri­tee­riä, WCAG 2.2 li­sää näi­hin yh­dek­sän uut­ta – mm. mo­bii­li­na­vi­goin­nin ja kog­ni­tii­vi­sen saa­vu­tet­ta­vuu­den pa­ran­nuk­sia.

Vii­si syy­tä pa­nos­taa saa­vu­tet­ta­vuu­teen juu­ri nyt

1. La­ki so­vel­tuu – ja kor­jaus­vel­ka kas­vaa

So­vel­ta­mis­päi­vä on ohi. Or­ga­ni­saa­tiot, joil­la on puut­tei­ta, ovat jo jäl­jes­sä vaa­ti­muk­sis­ta. Mi­tä no­peam­min ti­lan­ne kar­toi­te­taan ja kor­ja­taan, si­tä pie­nem­pi ris­ki sank­tiois­ta ja mai­ne­hai­tas­ta – ja si­tä ke­vyem­pi las­ku.

2. Saa­vu­tet­ta­vuus on hy­vää käy­tet­tä­vyyt­tä kai­kil­le

Saa­vu­tet­ta­vuus­pa­ran­nuk­set hyö­dyt­tä­vät kaik­kia käyt­tä­jiä, ei­vät vain nii­tä, joil­la on toi­min­ta­ra­joit­tei­ta. Sel­keäm­mät ra­ken­teet, joh­don­mu­kai­nen na­vi­goin­ti ja hy­vin suun­ni­tel­lut lo­mak­keet pa­ran­ta­vat jo­kai­sen käyt­tä­jän ko­ke­mus­ta. W3C:n tut­ki­mus­ten mu­kaan saa­vu­tet­ta­vuusin­ves­toin­nit pa­ran­ta­vat myös pal­ve­lun yleis­tä käy­tet­tä­vyyt­tä, mi­kä nä­kyy pa­rem­pa­na kon­ver­sio­na ja kor­keam­pa­na asia­kas­tyy­ty­väi­syy­te­nä.

3. Se on vas­tuul­li­suut­ta käy­tän­nös­sä

Mo­ni or­ga­ni­saa­tio pu­huu vas­tuul­li­suu­des­ta stra­te­gia­ta­sol­la, mut­ta saa­vu­tet­ta­vuus on yk­si kon­kreet­ti­sim­mis­ta ta­vois­ta osoit­taa, et­tä vas­tuul­li­suus nä­kyy ar­jes­sa. Ti­las­to­kes­kuk­sen eli­no­lo­ti­las­ton mu­kaan noin 580 000 hen­ki­löl­lä eli 12,9 pro­sen­til­la 16 vuot­ta täyt­tä­nees­tä väes­tös­tä on va­ka­via toi­min­ta­ra­joit­tei­ta. Väes­tö ikään­tyy, ja di­gi­taa­li­set pal­ve­lut ovat yhä useam­min ai­noa ta­pa hoi­taa ar­ki­sia asioi­ta.

4. Kor­jaa­mi­nen jäl­ki­kä­teen on kal­liim­paa

Mi­tä pi­dem­mäl­le saa­vu­tet­ta­vuu­den huo­mioi­mis­ta ly­kä­tään, si­tä enem­män kor­jaus­vel­kaa ker­tyy. Saa­vu­tet­ta­vuu­den huo­mioi­mi­nen alus­ta läh­tien – tai ai­na­kin sys­te­maat­ti­sen au­di­toin­nin kaut­ta ny­ky­ti­lan kar­toit­ta­mi­nen – on ai­na kus­tan­nus­te­hok­kaam­pi rat­kai­su kuin hä­tä­kor­jauk­set pai­neen al­la.

5. Ha­ku­ko­neet ja te­ko­ä­ly­haut suo­si­vat saa­vu­tet­ta­via si­vus­to­ja

Googlen al­go­rit­mit ar­vioi­vat yhä vah­vem­min si­vus­ton tek­nis­tä laa­tua, ra­ken­net­ta ja käyt­tä­jä­ko­ke­mus­ta. Saa­vu­tet­ta­vuus­pa­ran­nuk­set – ku­ten se­mant­ti­ses­ti oi­kea HTML-ra­ken­ne, sel­keät ot­sik­ko­ta­sot, alt-teks­tit ja no­pea la­tau­tu­mi­nen – ovat sa­mo­ja te­ki­jöi­tä, jot­ka pa­ran­ta­vat ha­ku­ko­ne­nä­ky­vyyt­tä. Li­säk­si te­ko­ä­ly­haut (ku­ten Perplexi­ty ja Google AI Over­views) nos­ta­vat jä­sen­nel­tyä, sel­ke­ää si­säl­töä, jon­ka ra­ken­ne on kun­nos­sa. Saa­vu­tet­ta­vuus, SEO ja GEO kul­ke­vat siis kä­si kä­des­sä.

Ylei­sim­mät saa­vu­tet­ta­vuus­puut­teet, joi­hin tör­määm­me

Au­di­toin­neis­sam­me tois­tu­vat usein sa­mat haas­teet. Jos ha­luat no­peas­ti ar­vioi­da oman si­vus­to­si ti­lan­net­ta, tar­kis­ta ai­na­kin nä­mä:

Ku­vien alt-teks­tit puut­tu­vat. Ruu­dun­lu­ki­ja ei voi tul­ki­ta ku­vaa il­man teks­ti­vas­ti­net­ta. Tä­mä on yk­si ylei­sim­mis­tä puut­teis­ta ja sa­mal­la yk­si hel­poim­mis­ta kor­ja­ta.

Vä­ri­kont­ras­tit ei­vät rii­tä. Eri­tyi­ses­ti vaa­lean­har­maa teks­ti val­koi­sel­la poh­jal­la on yl­lät­tä­vän ylei­nen on­gel­ma. WCAG 2.1 ja 2.2 AA edel­lyt­tä­vät vä­hin­tään 4,5:1-kont­ras­ti­suh­det­ta nor­maa­li­teks­til­le.

Lo­mak­keet ei­vät ole saa­vu­tet­ta­via. Kent­tien ni­mi­la­put (la­bel) puut­tu­vat tai vir­heil­moi­tuk­set ei­vät vä­li­ty avus­ta­val­le tek­no­lo­gial­le.

Näp­päi­mis­tö­na­vi­gaa­tio ei toi­mi. Käyt­tä­jä ei pää­se kaik­kiin toi­min­toi­hin il­man hiir­tä – tä­mä es­tää pal­ve­lun käy­tön ko­ko­naan osal­ta käyt­tä­jis­tä.

Si­vus­ton ra­ken­ne on epä­sel­vä. Ot­sik­ko­ta­sot hyp­pi­vät tai puut­tu­vat, mi­kä vai­keut­taa na­vi­goin­tia se­kä käyt­tä­jil­le et­tä ha­ku­ko­neil­le.

Vi­deoil­ta puut­tu­vat teks­ti­tyk­set. Teks­ti­tyk­set ovat vält­tä­mät­tö­miä kuu­lo­vam­mai­sil­le käyt­tä­jil­le, mut­ta hyö­dyt­tä­vät myös me­lui­sis­sa ym­pä­ris­töis­sä tai hil­jai­sis­sa ti­lois­sa se­laa­via.

"Suu­rin osa saa­vu­tet­ta­vuus­puut­teis­ta ei vaa­di mas­sii­vis­ta uu­dis­tus­ta. Tyy­pil­li­ses­ti ky­se on sel­keis­tä, tun­nis­tet­ta­vis­ta on­gel­mis­ta, jot­ka voi­daan kor­ja­ta sys­te­maat­ti­ses­ti – kun­han ne en­sin löy­de­tään au­di­toin­nis­sa." – Loi­kan suun­nit­te­lu­tii­mi

Mis­tä läh­teä liik­keel­le? Loi­kan saa­vu­tet­ta­vuus­pal­ve­lut käy­tän­nös­sä

Saa­vu­tet­ta­vuus voi tun­tua mo­ni­mut­kai­sel­ta ko­ko­nai­suu­del­ta, mut­ta sen ei tar­vit­se ol­la si­tä. Me Loi­kal­la olem­me aut­ta­neet usei­ta kun­tia, jul­ki­sen sek­to­rin or­ga­ni­saa­tioi­ta ja yri­tyk­siä saa­vu­tet­ta­vuu­den eri vai­heis­sa – ny­ky­ti­lan kar­toi­tuk­ses­ta käy­tän­nön to­teu­tuk­seen ja jat­ku­vaan yl­lä­pi­toon.

1. Ny­ky­ti­lan ana­lyy­si – tie­dä mis­sä men­nään

Kaik­ki al­kaa saa­vu­tet­ta­vuusau­di­toin­nis­ta. Sel­vi­täm­me verk­ko­si­vus­to­si kes­kei­set osat, tun­nis­tam­me eri si­vu­tyy­pit ja si­säl­löt se­kä ar­vioim­me toi­min­not ja eri­kois­ti­lan­teet. Käy­täm­me se­kä au­to­maat­ti­sia au­di­toin­ti­työ­ka­lu­ja et­tä ma­nu­aa­lis­ta tes­taus­ta ruu­dun­lu­ki­jal­la, näp­päi­mis­töl­lä ja mo­bii­li­lait­teil­la – sil­lä au­to­maat­ti­set työ­ka­lut tun­nis­ta­vat tyy­pil­li­ses­ti vain noin 30–40 % saa­vu­tet­ta­vuuson­gel­mis­ta.

Au­di­toin­nin lop­pu­tu­lok­se­na saat sel­keän ra­por­tin ny­ky­ti­las­ta, prio­ri­soi­dut kor­jaus­suo­si­tuk­set, toi­min­ta­suun­ni­tel­man pa­ran­nuk­sil­le ai­ka­tau­lui­neen se­kä saa­vu­tet­ta­vuus­se­los­teen luon­nin tai päi­vi­tyk­sen.

2. Käy­tän­nön to­teu­tus – kor­ja­taan ja pa­ran­ne­taan

Ra­por­tin poh­jal­ta to­teu­tam­me tar­vit­ta­vat muu­tok­set: koo­di­muu­tok­sia, si­säl­lön op­ti­moin­tia, ra­ken­tei­den kor­jaa­mis­ta tai uusien kom­po­nent­tien suun­nit­te­lua saa­vu­tet­ta­vuus edel­lä. Jo­kai­nen muu­tos tes­ta­taan ja var­men­ne­taan en­nen käyt­töön­ot­toa.

3. Jat­ku­va tu­ki – saa­vu­tet­ta­vuus ei ole ker­ta­luon­tei­nen pro­jek­ti

Uut­ta si­säl­töä syn­tyy, toi­min­nal­li­suuk­sia päi­vi­te­tään ja vaa­ti­muk­set ke­hit­ty­vät. Tuem­me asiak­kai­tam­me saa­vu­tet­ta­vuu­den yl­lä­pi­dos­sa ja tar­joam­me oh­jeis­tus­ta si­säl­lön­tuot­ta­jil­le ja ke­hit­tä­jil­le, jot­ta saa­vu­tet­ta­vuus py­syy osa­na ar­kea.

Tu­tus­tu tar­kem­min Loi­kan saa­vu­tet­ta­vuus­pal­ve­lui­hin ja va­raa ai­ka di­gi­kar­toi­tuk­seen.

Usein ky­sy­tyt ky­sy­myk­set saa­vu­tet­ta­vuu­des­ta

Kos­kee­ko EAA mei­dän or­ga­ni­saa­tio­tam­me? Jos tar­joat­te di­gi­taa­li­sia pal­ve­lui­ta ku­lut­ta­jil­le tai kan­sa­lai­sil­le, to­den­nä­köi­ses­ti kyl­lä. Di­rek­tii­vi kat­taa laa­jas­ti mm. verk­ko­kau­pat, pank­ki­pal­ve­lut, säh­köi­sen vies­tin­nän ja lii­ken­ne­pal­ve­lut. Mik­ro­y­ri­tyk­set (al­le 10 hen­ki­löä, al­le 2 M€ lii­ke­vaih­to) on va­pau­tet­tu. Jos olet epä­var­ma, au­tam­me mie­lel­läm­me ar­vioi­maan ti­lan­tee­si.

Mi­kä on WCAG ja mi­kä ver­sio on voi­mas­sa? WCAG (Web Con­tent Acces­si­bi­li­ty Gui­de­li­nes) on kan­sain­vä­li­nen oh­jeis­tus verk­ko­si­säl­tö­jen saa­vu­tet­ta­vuu­del­le. Voi­mas­sa ole­va W3C-suo­si­tus on WCAG 2.2 (2023), jo­ka täy­den­tää WCAG 2.1:tä. Suo­men di­gi­pal­ve­lu­la­ki ja EAA viit­taa­vat AA-ta­soon; tek­ni­ses­sä stan­dar­dis­sa EN 301 549 mää­ri­tel­lään tark­ka ver­sio­vaa­ti­mus. Au­di­toin­neis­sam­me huo­mioim­me mo­lem­mat ver­siot.

Kuin­ka kau­an saa­vu­tet­ta­vuusau­di­toin­ti kes­tää? Pe­rus­teel­li­nen au­di­toin­ti ra­port­tei­neen ja suo­si­tuk­si­neen val­mis­tuu tyy­pil­li­ses­ti muu­ta­mas­sa vii­kos­sa. Kor­jaus­ten to­teu­tusai­ka­tau­lu mää­räy­tyy ha­vain­to­jen laa­juu­den ja prio­ri­soin­nin mu­kaan.

Riit­tää­kö pelk­kä au­to­maat­ti­nen tes­taus­työ­ka­lu? Ei. Au­to­maat­ti­set työ­ka­lut tun­nis­ta­vat tyy­pil­li­ses­ti vain noin 30–40 % saa­vu­tet­ta­vuuson­gel­mis­ta. Lo­put vaa­ti­vat ma­nu­aa­lis­ta asian­tun­ti­ja-ar­vioin­tia – ruu­dun­lu­ki­ja­tes­taus­ta, näp­päi­mis­tö­na­vi­gaa­tion tar­kis­tus­ta ja kog­ni­tii­vi­sen saa­vu­tet­ta­vuu­den ar­vioin­tia. Au­di­toin­tiim­me kuu­luu ai­na mo­lem­mat.

On­ko meil­lä ai­kaa siir­ty­mä­ajan vuok­si? Di­gi­taa­li­set pal­ve­lut – ku­ten verk­ko­si­vus­tot ja so­vel­luk­set – ovat vaa­ti­mus­ten pii­ris­sä jo nyt. Vuo­teen 2030 ulot­tu­va siir­ty­mä­ai­ka kos­kee vain fyy­si­siä lait­tei­ta, jot­ka oli otet­tu käyt­töön en­nen ke­sä­kuu­ta 2025. Var­hai­nen kar­toi­tus on ai­na edul­li­sem­pi rat­kai­su.

Saa­vu­tet­ta­vuus on oi­keus, ei etuoi­keus

Di­gi­taa­lis­ten pal­ve­lui­den saa­vu­tet­ta­vuu­des­sa ei ole ky­se mar­gi­naa­li­ses­ta käyt­tä­jä­ryh­mäs­tä. Ky­se on sii­tä, et­tä ra­ken­nam­me di­gi­taa­lis­ta yh­teis­kun­taa, jos­sa ku­kaan ei jää ul­ko­puo­lel­le. Kun saa­vu­tet­ta­vuus on kun­nos­sa, pal­ve­lusi ta­voit­taa laa­jem­man ylei­sön, asia­kas­ko­ke­muk­se­si pa­ra­nee, ha­ku­ko­ne­nä­ky­vyy­te­si vah­vis­tuu ja or­ga­ni­saa­tio­si täyt­tää la­ki­sää­tei­set vaa­ti­muk­set.

Me Loi­kal­la huo­mioim­me saa­vu­tet­ta­vuu­den kai­kes­sa te­ke­mi­ses­säm­me. Olit­pa kun­nan di­gi­pal­ve­luis­ta vas­taa­va, jul­kis­ra­hoit­tei­sen or­ga­ni­saa­tion ke­hi­tys­pääl­lik­kö tai yri­tyk­sen di­gi­taa­lis­ten pal­ve­lui­den omis­ta­ja – au­tam­me si­nua kar­toit­ta­maan ny­ky­ti­lan, kor­jaa­maan puut­teet ja var­mis­ta­maan, et­tä pal­ve­lusi on kaik­kien käy­tet­tä­vis­sä.

Va­raa ai­ka mak­sut­to­maan di­gi­kar­toi­tuk­seen

Tu­tus­tu saa­vu­tet­ta­vuus­pal­ve­lui­him­me