W3C (World Wide Web Consortium) on kehittänyt havaittavuuden, hallittavuuden, ymmärrettävyyden ja toimintavarmuuden saavutettavuusvaatimukset. WCAG eli Web Content Accessibility Guidelines -ohjeistus sisältää ohjeita, periaatteita ja onnistumiskriteerejä saavutettavista palveluista (guidelines, principles and success criteria).
Saavutettavuuden perusajatus on, että digitaalisissa palveluissa huomioidaan mahdollisimman monen ihmisen mahdollisimman sujuva käytettävyys.
WCAG-ohjeistusta käytetään monien maiden lainsäädännön perustana. Ohjeet julkaistiin vuonna 1999 ja päivitettiin WCAG 2.0 -versioon vuonna 2008, ja uusimpaan 2.1-versioon vuonna 2018.
WCAG-ohjeistuksen A- ja AA-tason kriteerit ohjaavat pääosin tekniseen saavutettavuuteen, eivätkä niinkään verkkosisältöjen ymmärrettävyyteen tai käytettävyyteen eikä WCAG ratkaise kaikkia saavutettavuushaasteita.
Vaikka sivustolla olisi huomioitu kaikki WCAG-kriteerit, verkkosivujen käyttö voi olla monelle vaikeaa. Myös osa kriteereistä on melko tulkinnanvaraisia. Verkkosivun kehittäjät tai arvioijat saattavat olla eri mieltä siitä, täyttääkö sivusto joitain kriteerejä vai ei.
1 Havaittava (Perceivable)
Havaittavuuden vaatimus tarkoittaa, että informaatio ja käyttöliittymäkomponentit pitää esittää havaittavasti. Kaikelle ei-tekstuaaliselle sisällölle ja aikasidonnaiselle medialle pitää tarjota teksti- tai muu mediavastine (1.1, 1.2). Ei-tekstuaalisella sisällöllä on sen tarkoituksen kuvaava nimi, jos se vastaanottaa käyttäjän syötettä. (1.1, 1.3.5)
Jos ei-tekstuaalinen sisältö on aikasidonnaista mediaa, tekstivastineet tarjoavat vähintään kuvailevan tunnistetiedon. Jos ei-tekstuaalinen sisältö on ensisijaisesti tarkoitettu tuottamaan aistinvarainen kokemus, tekstivastineet vähintään tunnistettavasti kuvailevat ei-tekstuaalista sisältöä.
Kun ei-tekstuaalisen sisällön on tarkoitus varmistaa, että sisältöä käyttää henkilö eikä tietokone, eli ns. CAPTCA-muotojen pitää ottaa erilaiset vammat ja rajoitteet käyttäen eri aistihavaintoja tukevia esitystapoja. (1.1.1)
Kaikelle audio- tai videosisällölle on tekstitys, tekstin mediavastine, kuvailutulkkaus (1.2.2, 1.2.3, 1.2.5) tai viittomakielinen tulkkaus (1.2.6). Nämä vaihtoehtoiset muodot tarjoavat eri käyttäjille apua saada verkkosivuilta sisältöä ja informaatiota eri tavoin.
Väriä ei saa käyttää ainoana keinona informaation välittämisessä, toiminnon esittämisessä, vastauksen pyytämisessä tai visuaalisen elementin erottamisessa (1.4.1). Tämä seikka ottaa huomioon mm. värisokeat.
Myös verkkosivujen tekstin ja taustan tai visuaalisen esitystavan kontrastisuhteen pitää olla vähintään 4,5 : 1, paitsi oheissisällöissä, isokokoisessa tekstissä, koristekuvissa tai teksteissä, jotka ovat osa logoa tai brändin nimeä (1.4.3).
Tekstin kokoa pitää voida suurentaa jopa 200 % ilman avustavaa teknologiaa ja ilman, että verkkosivun välittämää informaatiota tai toiminnallisuutta menetetään. Sivujen pitää olla myös responsiivisia, eli sisältö pitää voida esittää ilman sisällön tai toiminnallisuuden menettämistä ja ilman kahdensuuntaista vierittämistä. Sivu mukautuu käytetyn laitteen mukaiseksi, oli käytössä pöytäkone, tabletti tai älypuhelin. (1.3.4, 1.4.4, 1.4.10)
Jos jokin ääni verkkosivuilla soi automaattisesti kauemmin kuin kolme sekuntia, audion kontrollointiin pitää olla mekanismi äänen keskeyttämiseen, pysäyttämiseen tai äänenvoimakkuuden säätämiseen. Jos tätä onnistumiskriteeriä ei täytetä, sisältö voi haitata käyttäjän mahdollisuuksia käyttää koko sivua (1.4.2).
Rivivälien pitää olla riittävät eli vähintään 1,5 kertaa kirjasinkoko) ja tasaus vasemmalle. Kappaleen jälkeinen tyhjä tila pitää olla vähintään kaksi kertaa kirjasinkoko. (1.4.12)
2 Hallittava (Operable)
Verkkosivujen hallittavuuden vaatimus tarkoittaa, että sivuston komponenttien ja navigoinnin pitää olla hallittavaa.
Sisällön toiminnallisuuden pitää olla hallittavissa joko näppäimistön välityksellä tai hiiren ja näppäimien yhdistelmällä. Näppäimistöansan välttäminen tarkoittaa, että jos kohdistus voidaan siirtää komponenttiin näppäimistön kautta, niin kohdistus pitää voida siirtää pois komponentilta myös näppäimiä käyttämällä. Mikäli tämä vaatii muuta kuin nuoli- tai tab-näppäimien tai muiden standardinmukaisten poistumismenetelmien käyttämistä, käyttäjälle neuvotaan kohdistuksen poissiirtämisen menetelmä. (2.1.1, 2.1.2)
Myös verkkolomakkeen lukemiseen ja sisällön käyttämiseen pitää olla tarpeeksi aikaa. Käyttäjällä pitää olla mahdollisuus kytkeä aika pois päältä ja säätää tai jatkaa aikarajaa. Tämä auttaa varmistamaan, että käyttäjät saavat tehtävän valmiiksi.
Jos sivuilla käytetään liikkuvaa, vierivää tai vilkkuvaa informaatiota, joka käynnistyy automaattisesti ja joka kestää yli viisi sekuntia tai joka esitetään rinnakkain muun sisällön kanssa, verkkosivun käyttäjän pitää voida keskeyttää, pysäyttää, piilottaa tai hallita sivun päivitystiheyttä. Verkkosivut eivät saa myöskään sisältää mitään, joka välähtää useammin kuin kolme kertaa sekunnissa. Nämä seikat ottavat huomioon esimerkiksi migreenistä kärsivät ja pyrkivät välttämään migreenikohtausten laukeamista.
Jos verkkosivu voidaan navigoida järjestyksessä ja navigointijärjestys vaikuttaa merkitykseen tai toimintoon, kohdistettavissa olevat komponentit saavat kohdistuksen järjestyksessä, joka säilyttää merkityksen ja toimivuuden. Verkkosivun otsikoiden pitää kuvata aihe tai merkitys. Verkkolomakkeen ”nimilappujen” eli ”labeleiden” ja linkkien pitää kuvata tarkoitusta, minne linkki johtaa tai mitä lomakkeen ”nimilappuihin” pitää kirjoittaa.
3 Ymmärrettävä (Understandable)
Informaation ja käyttöliittymän toiminnan pitää olla ymmärrettävä. Tee tekstistä luettavaa ja ymmärrettävää.
Jokaisen verkkosivun oletuskielen pitää voida selvittää ohjelmallisesti.
Lauseiden, sanojen ja lyhenteiden merkitykset pitää selvittää, jos niitä käytetään poikkeavalla tai tarkkaan rajatulla tavalla, mukaan lukien idiomit ja jargon. Niille pitää tarjota mekanismia, joka selvittää lyhenteiden laajennetun muodon tai merkityksen.
Jos teksti edellyttää toisen perusasteen opetuksen vaatimukset ylittävää lukutaitoa, tarjolla pitää olla täydentävää sisältöä tai versio, joka ei vaadi toisen perusasteen opetuksen tasoa edistyneempää lukutaitoa.
Verkkosivujen pitää olla sellaisia, että niiden ilmiasu ja toiminta on ennakoitavissa. Myös verkkosivujen toistuvat navigointimekanismit esiintyvät aina samassa järjestyksessä suhteessa toisiinsa. Saman toiminnallisuuden komponentit verkkosivuilla merkitään johdonmukaisesti.
Auta käyttäjää välttämään ja korjaamaan virheitä ja syötevirheitä. Tarjoa myös nimilappuja ja ohjeita, kun edellytetään käyttäjän syötettä. Oikeudellinen tai taloudellinen data pitää voida perua, tarkastaa, korjata tai vahvistaa.
4 Toimintavarma (Robust)
Sisällön pitää olla riittävän toimintavarma, jotta se voidaan luotettavasti tulkita laajalla joukolla asiakasohjelmia sekä avustavia teknologioita. Maksimoi niiden yhteensopivuus nykyisten ja tulevien asiakasohjelmien ja avustavien teknologioiden kanssa.
Kun sisältö on toteutettu merkkauskieliä käyttämällä, elementeillä on täydelliset alku- ja lopputagit, ne on järjestetty sisäkkäin spesifikaation mukaisesti, samaa attribuuttia ei ole annettu elementeille moneen kertaan ja kaikki tunnisteet ovat yksilöllisiä.
Kaikkien lomake-elementtien, linkkien ja skriptien luomien komponenttien nimi ja rooli sekä käyttäjän asettamat ominaisuudet, arvot ja tilat pitää voida selvittää tai asettaa ohjelmallisesti. Lisäksi tieto näiden muutoksista on käyttäjäagenttien, mukaan lukien avustavien teknologioiden saatavissa.
Tämä toimintavarmuuden onnistumiskriteeri on ensisijaisesti web-kehittäjille ja muille koodaajille tai toteuttajille. Standardinmukaiset HTML-elementit täyttävät tämän kriteerin, kun niitä käytetään spesifikaation mukaisesti.
Kirjoittamani teksti saavutettavuudesta ei kata täysin kaikkia mahdollisia vaatimuksia mutta se antaa kuitenkin kuvan siitä, mitä verkkosivujen saavutettavuus on ja mitä se vaatii. Uusien asioiden ja käytänteiden opettelu vie yleensä aikaa, eikä kaikki ole heti valmiina. Aloittaminen kannattaa aloittaa pian, sillä saavutettavuuteen perehtyminen antaa sivuston rakentamiseen varmuutta.
Kirjoitukseni lähdemateriaalina olen käyttänyt kirjoituksen jäljessä olevia verkkosivuja. Olen kirjoittanut tekstin fontilla Arial, otsikot ovat Verdana-fontilla, leipätekstin fonttikoko on 12 ja riviväli 1,5. Poistin väliotsikoiden suuraakkoset ja käytin otsikkojärjestystä h1, h2 ja h3.
LÄHTEET
- https://www.saavutettavuusvaatimukset.fi/kuinka-tehda-saavutettavia-tiedostoja-perusteet/
- https://www.saavutettavasti.fi/
- https://www.saavutettavuusvaatimukset.fi/digipalvelulain-vaatimukset/tietoa-saavutettavuusselosteesta/
- https://www.w3.org/Translations/WCAG21-fi/
- https://www.saavutettavuusvaatimukset.fi/digipalvelulain- vaatimukset/videoiden-ja-aanilahetysten-saavutettavuus/
- https://papunet.net/saavutettavuus/saavutettavien-verkkosivujen-suunnitteluopas
- https://www.saavutettavasti.fi/saavutettava-webinaari/
- https://www.nkl.fi/fi/tarkistuslista-verkkosivujen-tekijoille
Heidi Hamari-Martimo
Kirjoittaja on suomen kielen maisteri ja sertifioitu saavutettavuusasiantuntija sekä VamYn sihteeri