Di­gi­taa­li­nen es­teet­tö­myys tar­koit­taa, että verk­ko­si­vus­tot, so­vel­luk­set ja di­gi­taa­li­set asia­kir­jat ovat kaikkien käy­tet­tä­vis­sä riip­pu­mat­ta vam­mai­suu­des­ta. Se on olen­nai­nen perusta di­gi­taa­li­sel­le osal­lis­tu­mi­sel­le ja yh­den­ver­tai­sil­le mah­dol­li­suuk­sil­le.

Mitä on di­gi­taa­li­nen es­teet­tö­myys?

Di­gi­taa­li­nen es­teet­tö­myys tar­koit­taa di­gi­taa­lis­ten tuot­tei­den suun­nit­te­lua siten, että fyy­si­ses­ti, ais­til­li­ses­ti tai kog­ni­tii­vi­ses­ti vammaiset henkilöt voivat käyttää niitä it­se­näi­ses­ti. Tähän kuuluu verk­ko­si­vus­to­jen yh­teen­so­pi­vuus näy­tön­lu­ki­joi­den kanssa, sisällön riittävän kont­ras­tin var­mis­ta­mi­nen ja teks­ti­tyk­sen li­sää­mi­nen videoihin. Es­teet­tö­myys ei ole ohimenevä verk­ko­suun­nit­te­lun trendi, vaan pi­kem­min­kin tu­le­vai­suu­den di­gi­taa­lis­ten tuot­tei­den edellytys. Se hyödyttää paitsi vammaisia hen­ki­löi­tä myös ikään­ty­nei­tä käyttäjiä ja hen­ki­löi­tä, joilla on vä­liai­kai­sia ra­joit­tei­ta. Esteetön suun­nit­te­lu parantaa myös käy­tet­tä­vyyt­tä käyt­tä­jil­le, joilla on hidas in­ter­ne­tyh­teys tai mo­bii­li­lait­teet.

Es­teet­tö­myys käsittää teknisiä, sisältöön liittyviä ja vi­su­aa­li­sia suun­nit­te­lu­nä­kö­koh­tia. Keskeisiä omi­nai­suuk­sia ovat näp­päi­mis­tön käy­tet­tä­vyys ja välk­ky­vien ele­ment­tien vält­tä­mi­nen verk­ko­si­vu­jen suun­nit­te­lus­sa. Verk­ko­si­vus­toa tai oh­jel­mis­toa suun­ni­tel­taes­sa es­teet­tö­myys on otettava huomioon alusta alkaen ja sitä on tar­kas­tel­ta­va koko projektin elin­kaa­ren ajan. Se on laadun tun­nus­merk­ki, ja sen vaa­ti­muk­set ovat yhä tiu­ken­tu­neet lain­sää­dän­nös­sä.

Oi­keu­del­li­nen kehys Yh­dis­ty­nees­sä ku­nin­gas­kun­nas­sa

Vaikka Euroopan unioni on ottanut käyttöön kattavia di­gi­taa­li­sen es­teet­tö­myy­den sään­nök­siä, kuten eu­roop­pa­lai­sen es­teet­tö­myys­lain (EAA), Yh­dis­ty­nyt ku­nin­gas­kun­ta noudattaa omaa lain­sää­dän­töään:

Tasa-arvolaki 2010

Vuoden 2010 tasa-arvolaki yhdistää aiemmat syrjinnän vastaiset lait, mukaan lukien vuoden 1995 vam­mais­ten syrjintää koskevan lain, ja on en­si­si­jai­nen lain­sää­dän­tö vam­mais­ten suo­je­le­mi­sek­si Yh­dis­ty­nees­sä ku­nin­gas­kun­nas­sa. Se vel­voit­taa or­ga­ni­saa­tiot tekemään koh­tuul­li­sia mu­kau­tuk­sia var­mis­taak­seen, että vammaiset voivat käyttää palveluja, mukaan lukien verk­ko­si­vus­to­jen ja di­gi­taa­lis­ten pal­ve­lu­jen es­teet­tö­myys.

Vaikka laissa ei ni­men­omai­ses­ti mainita di­gi­taa­li­sia pal­ve­lui­ta, Yh­dis­ty­neen ku­nin­gas­kun­nan tuo­miois­tui­met ovat päät­tä­neet, että verk­ko­pal­ve­lu­jen on oltava es­teet­tö­miä koh­tuul­lis­ten mu­kau­tus­ten vel­voit­teen nojalla. Vel­voit­teen nou­dat­ta­mat­ta jät­tä­mi­nen voi johtaa syrjintää koskeviin kan­tei­siin. Sekä julkisen että yk­si­tyi­sen sektorin or­ga­ni­saa­tioi­ta kan­nus­te­taan nou­dat­ta­maan näitä vaa­ti­muk­sia oi­keus­toi­mien vält­tä­mi­sek­si.

Julkisen sektorin elinten (verk­ko­si­vus­tot ja mo­bii­li­so­vel­luk­set) es­teet­tö­myys­mää­räyk­set 2018

Nämä vuonna 2018 voimaan tulleet sään­nök­set koskevat julkisen sektorin or­ga­ni­saa­tioi­ta Isossa-Bri­tan­nias­sa ja vel­voit­ta­vat ne var­mis­ta­maan, että niiden verk­ko­si­vus­tot ja mo­bii­li­so­vel­luk­set ovat kaikkien käyt­tä­jien, myös vam­mais­ten, saa­ta­vil­la. Julkisen sektorin or­ga­ni­saa­tioi­den on täy­tet­tä­vä WCAG 2.1 -tason AA es­teet­tö­myyss­tan­dar­dit ja jul­kais­ta­va es­teet­tö­myys­se­los­te, jossa kuvataan, miten ne nou­dat­ta­vat stan­dar­de­ja.

Sään­nök­set koskevat monia julkisia elimiä, kuten mi­nis­te­riöi­tä, pai­kal­lis­vi­ran­omai­sia ja julkisia ter­vey­den­huol­to­pal­ve­lu­ja. Niissä määrätään myös, että es­teet­tö­myys on otettava huomioon han­kit­taes­sa kol­man­sien os­a­puol­ten palveluja.

WCAG (verk­ko­si­säl­lön saa­vu­tet­ta­vuus­oh­jeet)

WCAG-verk­ko­si­säl­lön saa­vu­tet­ta­vuus­oh­jeet ovat kan­sain­vä­li­set ohjeet verk­ko­si­säl­lön saa­vu­tet­ta­vuu­des­ta. Isossa-Bri­tan­nias­sa WCAG 2.1 -taso AA on julkisen sektorin verk­ko­si­vus­toil­le ja mo­bii­li­so­vel­luk­sil­le vaa­dit­ta­va vä­him­mäiss­tan­dar­di. Vaikka WCAG ei ole laki, se on keskeinen osa Ison-Bri­tan­nian sääntelyä, eri­tyi­ses­ti julkisen sektorin vaa­ti­mus­ten­mu­kai­suu­den osalta.

Yk­si­tyi­sel­lä sek­to­ril­la monet or­ga­ni­saa­tiot nou­dat­ta­vat myös WCAG 2.1 -ohjeita parhaana käy­tän­tö­nä. WCAG-ohjeiden nou­dat­ta­mi­nen nähdään keinona varmistaa, että di­gi­taa­li­nen sisältö on kaikkien käyt­tä­jien, myös vam­mais­ten, saa­ta­vil­la. Nou­dat­ta­mal­la näitä stan­dar­de­ja yk­si­tyi­sen sektorin yritykset voivat parantaa käyt­tö­ko­ke­mus­ta, rakentaa entistä osal­lis­ta­vam­paa asia­kas­kun­taa ja vähentää vuoden 2010 tasa-arvolain mukaisia oi­keu­del­li­sia riskejä.

Tär­keim­pien sään­nös­ten yleis­kat­saus

Sääntely So­vel­ta­mi­nen So­vel­ta­mi­sa­la Vä­him­mäis­vaa­ti­muk­set
Tasa-arvolaki 2010 Vuodesta 2010 Julkinen ja yk­si­tyi­nen sektori (Yh­dis­ty­nyt ku­nin­gas­kun­ta) Koh­tuul­li­set mu­kau­tuk­set
Julkisen sektorin es­teet­tö­myys­mää­räyk­set Vuodesta 2018 Julkisen sektorin verk­ko­si­vus­tot ja mo­bii­li­so­vel­luk­set WCAG 2.1 AA
WCAG Kan­sain­vä­li­nen Globaali WCAG 2.2 AA (2023)

WCAG-ohjeiden ym­mär­tä­mi­nen

WCAG-ohjeet pe­rus­tu­vat neljään avain­pe­ri­aat­tee­seen, jotka tunnetaan ly­hen­teel­lä POUR:

  • Ha­vait­ta­vis­sa: Käyt­tä­jien tulisi pystyä käyt­tä­mään ja kokemaan sisältöä vähintään yhden aistinsa avulla.
  • Käy­tet­tä­vis­sä: Käyt­tä­jien tulisi pystyä na­vi­goi­maan ja käyt­tä­mään kaikkia omi­nai­suuk­sia näp­päi­mis­tön avulla.
  • Ym­mär­ret­tä­vä: Sisällön ja na­vi­goin­nin tulisi olla selkeää ja helppoa seurata.
  • Vankka: Sisällön tulisi olla yh­teen­so­pi­va mo­nen­lais­ten tek­no­lo­gioi­den kanssa.

Nämä pe­ri­aat­teet ovat olen­nai­sia, koska ne kuvaavat neljä keskeistä vaa­ti­mus­ta, jotka di­gi­taa­li­sen sisällön on täy­tet­tä­vä, jotta se on kaikkien saa­ta­vil­la. Tek­ni­ses­tä nä­kö­kul­mas­ta tämä sisältää esi­mer­kik­si asian­mu­kai­sen HTML-rakenteen, näp­päi­mis­tö­na­vi­goin­nin, riittävän vä­ri­kont­ras­tin, vaih­toeh­toi­sen tekstin, käyt­tä­jäys­tä­väl­li­set lomakkeet ja yh­teen­so­pi­vuu­den apu­tek­no­lo­gioi­den kanssa.

Millaiset di­gi­taa­li­set sisällöt on oltava es­teet­tö­miä?

Di­gi­taa­li­nen es­teet­tö­myys koskee laajaa va­li­koi­maa verk­ko­si­säl­töä, ei vain jul­ki­sel­la sek­to­ril­la, vaan yhä enemmän myös yk­si­tyi­sel­lä sek­to­ril­la.

Keskeisiä alueita ovat:

  • Verk­ko­si­vus­tot, mukaan lukien na­vi­goin­ti, rakenne, vaih­toeh­toi­set tekstit ja näp­päi­mis­tö­tu­ki
  • Mo­bii­li­so­vel­luk­set
  • PDF- ja Office-asia­kir­jat, kuten lomakkeet ja esitteet, joiden on oltava asian­mu­kai­ses­ti mer­kit­ty­jä ja luettavia
  • E-op­pi­mi­sa­lus­tat
  • Verk­ko­kaup­pas ivustot, kuten verk­ko­kau­pat ja va­raus­jär­jes­tel­mät, joiden on oltava ADA- ja WCAG-vaa­ti­mus­ten mukaisia
  • Di­gi­taa­li­set vies­tin­tä­vä­li­neet
  • It­se­pal­ve­lu­päät­teet, kuten lip­puau­to­maa­tit ja läh­tö­sel­vi­tys­kios­kit
  • Mul­ti­me­dia-sisältö, mukaan lukien videot ja podcastit, joissa on tekstitys, transk­rip­tiot ja ää­ni­ku­vauk­set
  • Verk­ko­lo­mak­keet ja -so­vel­luk­set edel­lyt­tä­vät myös selkeää ra­ken­net­ta, oh­je­teks­te­jä ja näp­päi­mis­tön käy­tet­tä­vyyt­tä

Mitkä ovat di­gi­taa­li­sen es­teet­tö­myy­den edut?

Di­gi­taa­li­nen es­teet­tö­myys ei ole vain sään­nös­ten nou­dat­ta­mis­ta. Se tarjoaa to­del­li­sia etuja sekä yri­tyk­sil­le että käyt­tä­jil­le.

Suurempi kattavuus: Es­teet­tö­mät tuotteet ja palvelut ta­voit­ta­vat vammaiset, ikään­ty­neet käyttäjät ja henkilöt, joilla on vä­liai­kai­sia ra­joit­tei­ta (esim. vammojen tai stres­saa­van ym­pä­ris­tön vuoksi), mikä laajentaa po­ten­ti­aa­lis­ta koh­dey­lei­söä­si.

Parempi käy­tet­tä­vyys: Es­teet­tö­mät verk­ko­si­vus­tot ja so­vel­luk­set ovat paremmin jä­sen­nel­ty­jä, helpompia navigoida ja in­tui­tii­vi­sem­pia kaikille käyt­tä­jil­le.

Ha­ku­ko­neop­ti­moin­ti (SEO): Monet es­teet­tö­myy­so­mi­nai­suu­det, kuten selkeät ot­sik­ko­ra­ken­teet, vaih­toeh­to­teks­tit ja se­mant­ti­nen HTML, pa­ran­ta­vat myös ha­ku­ko­nei­den si­joi­tus­ta.

Brändin maine ja so­si­aa­li­nen vastuu: Esteetön sisältö osoittaa si­tou­tu­mi­se­si inklusii­vi­suu­teen ja yrityksen so­si­aa­li­seen vas­tuuseen.

Tu­le­vai­suu­den varalle ja lakien nou­dat­ta­mi­nen: Es­teet­tö­myy­den to­teut­ta­mi­nen nyt valmistaa sinut tulevia mää­räyk­siä varten ja vähentää oi­keus­toi­mien tai seu­raa­mus­ten riskiä.

Es­teet­tö­myy­den to­teut­ta­mi­nen vaihe vaiheelta

Di­gi­taa­li­sen es­teet­tö­myy­den on­nis­tu­nut to­teut­ta­mi­nen edel­lyt­tää jä­sen­nel­tyä ja ko­ko­nais­val­tais­ta lä­hes­ty­mis­ta­paa. Seuraavat vaiheet auttavat sinua täyt­tä­mään la­ki­sää­tei­set vaa­ti­muk­set ja luomaan samalla entistä osal­lis­ta­vam­man käyt­tö­ko­ke­muk­sen.

Vaihe 1: Tie­toi­suus ja ta­voit­tei­den aset­ta­mi­nen

Tutustu di­gi­taa­li­sen es­teet­tö­myy­den pe­rus­tei­siin. Selvitä, mitkä säädökset (esim. EU:n EAA, Equality Act 2010, Public Sector Acces­si­bi­li­ty Re­gu­la­tions) koskevat or­ga­ni­saa­tio­ta­si, ja aseta selkeät ta­voit­teet. Ta­voit­tee­na voi olla esi­mer­kik­si es­teet­tö­män verk­ko­kau­pan ra­ken­ta­mi­nen tai sen var­mis­ta­mi­nen, että koko verk­ko­si­vus­to on kaikkien käy­tet­tä­vis­sä.

Vaihe 2: Suun­nit­te­lu ja konsepti

Suun­nit­te­le uudet projektit es­teet­tö­myys mie­les­sä­si alusta alkaen. Käytä es­teet­tö­män verk­ko­suun­nit­te­lun pe­ri­aat­tei­ta, eli selkeää na­vi­goin­tia, yk­sin­ker­tais­ta kieltä ja res­pon­sii­vis­ta suun­nit­te­lua. Valitse esteetön CMS, kuten Plone, Contao, papaya CMS tai hyvin kon­fi­gu­roi­tu WordPress-asennus.

Vaihe 3: Tekninen toteutus

Perusta to­teu­tuk­se­si WCAG 2.1 -stan­dar­diin (vähintään taso AA). Käytä puhdasta, se­mant­tis­ta HTML-koodia, oikeita ARIA-rooleja, es­teet­tö­miä lo­ma­ke­kent­tiä (esim. <label>) ja varmista täy­del­li­nen näp­päi­mis­tö­na­vi­goin­ti. Tee kaikki kom­po­nen­tit es­teet­tö­mik­si.

Vaihe 4: Testaus ja arviointi

Suorita sekä au­to­maat­ti­sia että ma­nu­aa­li­sia es­teet­tö­myys­tes­te­jä. Käytä näy­tön­lu­ki­joi­ta, simuloida vä­ri­so­keut­ta ja ota mieluiten mukaan vammaiset käyttäjät tes­tauk­seen. Testaa myös työkaluja, kuten OCR-oh­jel­mis­to­ja ja QR-koo­din­lu­ki­joi­ta.

Vaihe 5: Jatkuva ylläpito ja seuranta

Es­teet­tö­myys ei pääty sivuston jul­kai­se­mi­seen. Päivitä sisältöä sään­nöl­li­ses­ti, testaa sivusto ja pidä huolta la­ki­sää­teis­ten vaa­ti­mus­ten nou­dat­ta­mi­ses­ta. Sivustosi pysyy es­teet­tö­mä­nä vain jatkuvan ylläpidon avulla.

Kuinka välttää tyy­pil­li­siä es­teet­tö­myy­den su­den­kuop­pia

Monet verk­ko­si­vus­tot ja di­gi­taa­li­set so­vel­luk­set eivät vieläkään täytä di­gi­taa­li­sen es­teet­tö­myy­den pe­rus­vaa­ti­muk­sia. Tyy­pil­li­siä ongelmia ovat esi­mer­kik­si kuvien puuttuva vaih­toeh­toi­nen teksti, lomakkeet, joita ei voi täyttää näp­päi­mis­töl­lä, tai heikko vä­ri­kont­ras­ti, joka vai­keut­taa sisällön lukemista. PDF-asia­kir­jat ovat usein huonosti jä­sen­nel­ty­jä ja näy­tön­lu­ki­joi­den lu­ke­mat­to­mia. Videoista puuttuu usein tekstitys tai ää­ni­se­los­tus, ja epä­mää­räi­set linkkien nimet, kuten ”klikkaa tästä”, tai sekava na­vi­goin­ti vai­keut­ta­vat käyt­tä­jien toimintaa en­ti­ses­tään.

Tästä syystä es­teet­tö­myys tulisi ottaa huomioon ke­hi­tys­työs­sä jo alusta alkaen. Myöhemmät muutokset voivat olla kal­liim­pia ja aikaa vievämpiä. On yhtä tärkeää tarkistaa kol­man­sien os­a­puol­ten sisältö tai upotetut työkalut ja varmistaa, että ne täyttävät es­teet­tö­myyss­tan­dar­dit.

Joh­to­pää­tös

Di­gi­taa­li­nen es­teet­tö­myys on keskeinen osa osal­li­suut­ta ja vält­tä­mä­tön edellytys ta­sa­ver­tai­sel­le osal­lis­tu­mi­sel­le di­gi­taa­li­seen elämään. Se on la­ki­sää­tei­nen velvoite ja parantaa mer­kit­tä­väs­ti kaikkien käyt­tä­jien käyt­tö­ko­ke­mus­ta. Pitkällä ai­ka­vä­lil­lä sekä yritykset että vi­ran­omai­set hyötyvät laa­jem­mas­ta ta­voit­ta­vuu­des­ta, vah­vem­mas­ta maineesta ja pie­nem­mis­tä oi­keu­del­li­sis­ta riskeistä.

Siirry pää­va­lik­koon