WCAG 2.1: lain vaatimukset

WCAG eli Web Content Accessibility Guidelines, suomeksi Verkkosisällön saavutettavuusohjeet, on kansainvälinen ohjeistus verkkosisältöjen saavutettavuudesta.

Laki digitaalisten palvelujen tarjoamisesta velvoittaa noudattamaan WCAG-ohjeistuksen uusimman version eli WCAG 2.1 -ohjeistuksen A- ja AA-tason kriteerejä. Poikkeuksena ovat suorat verkkolähetykset (video- tai äänilähetykset), joiden ei tarvitse noudattaa kriteerejä.

Näin ollen lain velvoittamia kriteereitä on yhteensä 49 kappaletta. Laki ei velvoita täyttämään AAA- tason kriteereitä eikä kriteeriä 1.2.4 Tekstitys (suorissa lähetyksissä).

Tällä sivulla on W3C:n virallinen suomennos WCAG 2.1 -kriteereistä.

Linkit tämän sivun kriteerien teksteistä ohjaavat W3C:n sivuille.

Myöhemmin tälle sivulle tulee lisäksi käytännön esimerkkejä jokaisesta kriteeristä siitä, miten kriteeri voi toteutua käytännössä ja millaiselle käyttäjälle se on erityisen merkittävä.

Lisää ohjeita löytyy esimerkiksi W3C:n Understanding WCAG -osiosta (englanniksi).

1. Havaittava

Informaatio ja käyttöliittymäkomponentit pitää esittää tavoilla, jotka käyttäjä voi havaita.

1.1 Tekstivastineet

Tarjoa tekstivastineet kaikelle ei-tekstuaaliselle sisällölle siten, että sisältö voidaan muuttaa muihin tarvittaviin muotoihin, kuten isokokoiseksi tekstiksi, pistekirjoitukseksi, puheeksi, symboleiksi tai yksinkertaisemmaksi kieleksi.

Kaikki käyttäjälle esitettävä ei-tekstuaalinen sisältö on varustettu saman tarpeen täyttävällä tekstivastineella, pois lukien alla luetellut tapaukset.

  • Käyttöliittymäkomponentit, syöte: Ei-tekstuaalisella sisällöllä on sen tarkoituksen kuvaava nimi, jos se toimii käyttöliittymäkomponenttina tai vastaanottaa käyttäjän syötettä. (Katso onnistumiskriteeri 4.1.2, joka asettaa lisävaatimuksia käyttöliittymäkomponenteille ja käyttäjän syötettä vastaanottavalle sisällölle.)
  • Aikasidonnainen media: Jos ei-tekstuaalinen sisältö on aikasidonnaista mediaa, tekstivastineet tarjoavat vähintään kuvailevan tunnistetiedon ei-tekstuaalisesta sisällöstä. (Katso ohje 1.2, joka asettaa lisävaatimuksia medialle.)
  • Testi: Jos ei-tekstuaalinen sisältö on testi tai harjoitus, joka ei olisi tekstinä esitettynä pätevä, tekstivastineet vähintään kuvailevat tunnistettavasti ei-tekstuaalista sisältöä.
  • Aistinvarainen: Jos ei-tekstuaalinen sisältö on ensisijaisesti tarkoitettu aikaansaamaan tietty aistinvarainen kokemus, silloin tekstivastineet vähintään kuvailevat tunnistettavasti ei-tekstuaalista sisältöä.
  • CAPTCHA: Jos ei-tekstuaalisen sisällön tarkoitus on varmistaa, että sisältöä käyttää henkilö eikä tietokone, niin tarjolla on tekstivastineita, jotka tunnistavat ja kuvailevat ei-tekstuaalisen sisällön tarkoituksen. Lisäksi tarjolla on vaihtoehtoisia CAPTCHA-muotoja, jotka ottavat huomioon erilaiset vammat ja rajoitteet käyttäen eri aistinvaraisia havaintoja tukevia esitystapoja.
  • Koristeet, muotoilu, näkymättömyys: Jos ei-tekstuaalinen sisältö on yksinomaan koriste, jos sitä käytetään ainoastaan visuaaliseen muotoiluun tai jos se on käyttäjälle näkymätön, se toteutetaan siten, että avustava teknologia voi jättää sen huomioimatta.

1.2 Aikasidonnainen media

Tarjoa vastine aikasidonnaiselle medialle.

Seuraava pätee tallennetulle pelkälle audiomedialle ja tallennetulle pelkälle videomedialle, paitsi kun audio tai video on tekstin mediavastine ja selvästi merkitty sellaiseksi:

  • Pelkkä tallennettu audio: Tarjolla on vastine aikasidonnaiselle medialle, joka esittää vastaavan sisällön kuin tallennettu pelkkä audiosisältö.
  • Pelkkä tallennettu video: Tarjolla on joko vastine aikasidonnaiselle medialle tai audiotiedosto, joka esittää vastaavan informaation kuin tallennettu pelkkä videosisältö.

Kaikelle synkronoidussa mediassa olevalle tallennetulle audiosisällölle on tarjolla tekstitys, paitsi kun media on tekstin mediavastine ja selvästi merkitty sellaiseksi.

Synkronoidulle medialle on tarjolla aikasidonnaisen median vastine tai tallennetun videosisällön kuvailutulkkaus, paitsi silloin, kun media on tekstin mediavastine ja selvästi merkitty sellaiseksi.

Kaikelle synkronoidussa mediassa olevalle suoralle audiosisällölle on tarjolla tekstitys.

Huomioi, että tämä kriteeri ei ole lain vaatimuksissa. Suoria video- ja äänilähetyksiä ei siis tarvitse tämän lain mukaan tekstittää.

Kun tauot etualan äänissä (eli ei-taustaäänissä) ovat riittämättömiä videon tunnelman välittämiseen kuvailutulkkauksen avulla, kaikelle synkronoidussa mediassa olevalle tallennetulle videosisällölle tarjotaan pidennetty kuvailutulkkaus.

Tarjolla on vastine aikasidonnaiselle medialle, joka esittää vastaavan informaation kuin suorana lähetettävä pelkkä audiosisältö.

1.3 Mukautettava

Tuota sisältöä, joka voidaan esittää eri tavoin (esimerkiksi yksinkertaisemman asettelun avulla) informaatiota tai rakennetta menettämättä.

Esitystavassa välittyvät informaatio, rakenne ja suhteet voidaan selvittää ohjelmallisesti tai ne ovat saatavilla tekstinä.

Kun sisällön esitysjärjestys vaikuttaa sisällön merkitykseen, oikea lukemisjärjestys voidaan selvittää ohjelmallisesti.

Ohjeet sisällön ymmärtämiseksi ja hallitsemiseksi eivät riipu yksinomaan komponenttien aistinvaraisista ominaispiirteistä kuten muoto, koko, visuaalinen sijainti, suunta tai ääni.

Huomautus: Tutustuaksesi väriin liittyviin vaatimuksiin katso Ohje 1.4.

Sisältöä ei ole rajoitettu vain tiettyyn näyttölaitteen asentoon kuten pysty- tai vaakasuuntaan, lukuun ottamatta tapausta, jossa tietty asento on olennainen.

Huomautus: Tapauksia, joissa tietty näyttölaitteen asento on olennainen ovat esimerkiksi šekki, pianosovellus, esitysdiat projektoria tai televisiota varten tai virtuaalitodellisuuden sisältö, joihin kahdensuuntainen näyttölaitteen asento ei sovellu.

Käyttäjän tietojen keräämiseen tarkoitettujen syötekenttien tarkoitus voidaan selvittää ohjelmallisesti, kun

Sisällössä, joka on toteutettu käyttäen merkkauskieltä, käyttöliittymäkomponenttien, kuvakkeiden ja alueiden tarkoitus voidaan selvittää ohjelmallisesti.

1.4 Erottuva

Helpota käyttäjiä näkemään ja kuulemaan sisältö lisäämällä taustasta erottuva etuala.

Väriä ei käytetä ainoana visuaalisena keinona informaation välittämisessä, toiminnon esittämisessä, vastauksen pyytämisessä tai visuaalisen elementin erottamisessa.

Huomautus: Tämä onnistumiskriteeri käsittelee erityisesti värien havaitsemista. Havaitsemisen muut muodot käsitellään ohjeessa 1.3, mukaan lukien ohjelmallinen pääsy värien ja muiden visuaalisten esitystapojen koodaukseen.

Jos jokin ääni verkkosivulla soi automaattisesti kauemmin kuin kolme sekuntia, käytettävissä on joko mekanismi äänen keskeyttämiseen tai pysäyttämiseen tai mekanismi äänen voimakkuuden säätämiseksi koko järjestelmän äänenvoimakkuuden tasosta riippumatta.

Huomautus: Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys.

Tekstin ja tekstiä esittävien kuvien visuaalisen esitystavan kontrastisuhde on vähintään 4,5:1, paitsi seuraavissa tapauksissa:

  • Isokokoinen teksti: Isokokoisessa tekstissä ja isokokoista tekstiä esittävissä kuvissa kontrastisuhde on vähintään 3:1.
  • Oheissisältö: Tekstille tai tekstiä esittäville kuville ei ole kontrastivaatimusta, jos ne ovat osa inaktiivista käyttöliittymäkomponenttia, yksinomaan koristeita, eivät ole näkyvissä kenellekään tai ovat osa kuvaa, jossa on muuta merkittävää visuaalista sisältöä.
  • Logotyypit: Tekstille, joka on osa logoa tai brändin nimeä, ei ole kontrastivaatimusta.

Lukuun ottamatta tekstitystä ja tekstiä esittäviä kuviatekstin kokoa voidaan muuttaa ilman avustavaa teknologiaa aina 200 prosenttiin asti ilman sisällön tai toiminnallisuuden menettämistä.

Jos käytetty teknologia voi tuottaa visuaalisen esityksen, informaation välittämiseen käytetään ennemmin tekstiä kuin tekstiä esittäviä kuvia, paitsi seuraavissa tapauksissa:

  • Mukautettava: Tekstiä esittävä kuva voidaan visuaalisesti mukauttaa käyttäjän vaatimusten mukaisesti.
  • Olennainen: Tietty tekstin esitystapa on olennainen välitettävän informaation kannalta.

Huomautus: Logotyypit (teksti, joka on osa logoa tai brändin nimeä) tulkitaan olennaisiksi.

Tekstin ja tekstiä esittävien kuvien visuaalisen esitystavan kontrastisuhde on vähintään 7:1, paitsi seuraavissa tapauksissa:

  • Isokokoinen teksti: Isokokoisessa tekstissä ja isokokoista tekstiä esittävissä kuvissa kontrastisuhde on vähintään 4,5:1.
  • Oheissisältö: Tekstille tai tekstiä esittäville kuville ei ole kontrastivaatimusta, jos ne ovat osa inaktiivista käyttöliittymäkomponenttia, yksinomaan koristeita, eivät ole näkyvissä kenellekään tai ovat osa kuvaa, jossa on muuta merkittävää visuaalista sisältöä.
  • Logotyypit: Tekstille, joka on osa logoa tai brändin nimeä, ei ole kontrastivaatimusta.

Tallennetulle pelkälle audiosisällölle joka (1) sisältää ensisijaisesti puhetta äänimaiseman etualalla, (2) ei ole auditiivinen CAPTCHA tai audiologo ja joka (3) ei ole vokalisaatio, jonka tarkoitus on ensisijaisesti olla musiikillinen ilmaisu, kuten laulu tai rap, ainakin yksi seuraavista pitää paikkansa:

  • Ei taustaa: Audio ei sisällä taustaääniä.
  • Pois päältä: Taustaäänet voidaan kytkeä pois päältä.
  • 20 dB: Taustaäänet ovat vähintään 20 desibeliä hiljaisempia kuin äänimaiseman etualan puhesisältö, poikkeuksena satunnaiset, yksi tai kaksi sekuntia kestävät äänet.

Huomautus: ”Desibelin” määritelmän mukaan taustaääni, joka täyttää tämän vaatimuksen, on noin neljä kertaa hiljaisempi kuin äänimaiseman etualan puhesisältö.

Tekstilohkojen visuaaliselle esitystavalle on olemassa mekanismi seuraaviin käyttötarkoituksiin:

  • Käyttäjä voi valita edustan ja taustan värit.
  • Leveys on enintään 80 merkkiä tai kuvaketta (40 CJK-kielissä).
  • Tekstiä ei ole tasattu molempiin reunoihin (tasattu sekä vasempaan että oikeaan marginaaliin).
  • Riviväli (rivin korkeus) on vähintään puolitoista riviä kappaleiden sisällä, ja kappaleiden väli on vähintään 1,5 kertaa suurempi kuin riviväli.
  • Tekstin kokoa voidaan muuttaa ilman avustavaa teknologiaa 200 prosenttiin asti tavalla, joka ei vaadi käyttäjää vierittämään tekstiä vaakasuunnassa rivin lukemiseksi koko näytön ikkunassa.

Tekstiä esittäviä kuvia käytetään yksinomaan koristeena tai silloin, kun tietty tekstin esitystapa on olennainen välitettävän informaation kannalta.

Huomautus: Logotyypit (teksti, joka on osa logoa tai brändin nimeä) tulkitaan olennaisiksi.

Sisältö voidaan esittää ilman sisällön tai toiminnallisuuden menettämistä ja ilman kahdensuuntaista vierittämistä, kun

  • pystysuuntaan vieritettävän sisällön leveys on 320 CSS-pikseliä.
  • vaakasuuntaan vieritettävän sisällön korkeus on 256 CSS-pikseliä.

Lukuun ottamatta sisällön osia, jotka vaativat kahdensuuntaista esitystapaa käytön tai merkityksen vuoksi.

Huomautus: 320 CSS-pikseliä vastaa 1280 CSS-pikselin levyistä selainikkunaa, joka on zoomattu 400 % kokoiseksi. Vaakasuuntaan vieritettävässä sisällössä (esim. pystysuuntainen kirjoitus), 256 CSS-pikseliä vastaa 1024 px korkeaa selainikkunaa, joka on zoomattu 400 % kokoiseksi.

Huomautus: Esimerkkejä sisällöstä, joissa vaaditaan kahdensuuntaista esitystapaa, ovat kuvat, kartat, diagrammit, videopelit, esitykset, taulukkomuotoinen data ja käyttöliittymät, joissa on tarpeellista pitää työkalupalkki näkyvissä, kun käsitellään sisältöä.

Seuraavanlaisten elementtien visuaalisessa esitystavassa kontrastisuhde viereiseen väriin/väreihin on vähintään 3:1:

  • Käyttöliittymäkomponentit: Visuaalinen informaatio, joka vaaditaan käyttöliittymäkomponentin ja sen eri tilojen tunnistamiseen, lukuun ottamatta inaktiivisia komponentteja tai jos käyttäjäagentti määrittelee uuden sisällön visuaalisen esitystavan ja sisällön tuottaja ei ole sitä muokannut.
  • Graafiset objektit: Grafiikan osat, joita vaaditaan sisällön ymmärtämiseksi, lukuun ottamatta tapauksia, joissa ulkoasu on olennainen tietosisällön välittämiseksi.

Sisällössä, joka on toteutettu käyttäen merkkauskieliä ja joka tukee seuraavia tekstin muotoilun ominaisuuksia, sisältöä tai toiminnallisuutta ei menetetä, jos asetetaan kaikki seuraavat muuttamatta mitään muuta tyylimääritystä:

  • Riviväliksi (rivin korkeudeksi) vähintään 1,5 kertaa kirjasinkoko.
  • Kappaleen jälkeisen tyhjän tilan kooksi vähintään 2 kertaa kirjasinkoko.
  • Kirjainväliksi vähintään 0,12 kertaa kirjasinkoko.
  • Sanojen väliksi vähintään 0,16 kertaa kirjasinkoko.

Poikkeus: Kielissä ja kirjoitustavoissa, joissa ei hyödynnetä yhtä tai useampaa ylläolevista ominaisuuksista, voidaan noudattaa kriteeriä vain niiden ominaisuuksien osalta, jotka soveltuvat kyseiseen kielen ja kirjoitustavan yhdistelmään.

Jos osoittimen vieminen elementin päälle tai kohdistuksen siirtäminen elementtiin tuo näkyviin lisää sisältöä ja osoittimen tai kohdistuksen pois siirtäminen piilottaa sisällön, seuraavat ehdot pätevät:

  • Piilotettavissa: On olemassa mekanismi, jolla näkyviin tulleen sisällön saa piilotettua siirtämättä osoitinta tai kohdistusta, lukuun ottamatta tapausta, jossa sisältö on syötevirheestä kertova teksti tai se ei peitä tai korvaa muuta sisältöä.
  • Osoitettavissa: Jos osoittimen vieminen elementin päälle tuo näkyviin uutta sisältöä, osoitin voidaan viedä ilmestyneen sisällön päälle aiheuttamatta sen katoamista.
  • Pysyvä: Uusi sisältö pysyy näkyvissä kunnes osoitin tai kohdistus on siirretty pois, käyttäjä on piilottanut sisällön tai sen sisältö ei enää päde.

Poikkeus: käyttäjäagentti määrittelee uuden sisällön visuaalisen esitystavan, eikä sisällön tuottaja ole sitä muokannut.

Huomautus: Käyttäjäagentin määrittämä esitystapa on esimerkiksi selaimen työkaluvihjeet, jotka on toteutettu HTML:n title-attribuutin avulla.
Huomautus: Muokatut työkaluvihjeet, alavalikot ja muut ei-modaaliset ponnahdusikkunat ovat esimerkkejä sisällöstä, joka kuuluu tämän kriteerin alaan.

2. Hallittava

Käyttöliittymäkomponenttien ja navigoinnin pitää olla hallittavia.

2.1 Käytettävissä näppäimistöltä

Toteuta kaikki toiminnallisuus siten, että se on käytettävissä näppäimistöltä.

Kaikki sisällön toiminnallisuus on hallittavissa näppäimistörajapinnan välityksellä ilman vaatimusta yksittäisten näppäinpainallusten erityisestä ajoittamisesta, paitsi kun taustalla oleva toiminnallisuus vaatii syötettä, joka riippuu käyttäjän liikkeiden reitistä eikä vain päätepisteistä.

Huomautus: Tämä poikkeus liittyy sovelluksen toimintoon, ei syötetekniikkaan. Esimerkiksi käytettäessä käsinkirjoitettua tekstiä syötteenä, syötetekniikka (käsin kirjoittaminen) vaatii reitistä riippuvaa syötettä, kun taas sovelluksen toiminnallisuus (tekstin syöttö) ei sitä vaadi.

Huomautus: Tämä ei kiellä hiireen perustuvan syötteen tai muiden syötemenetelmien käyttämistä näppäimistön lisäksi, eikä tarkoitus ole kannustaa luopumaan niistä.

Jos kohdistus voidaan siirtää sivun komponenttiin näppäimistörajapinnan kautta, niin kohdistus voidaan siirtää myös pois kyseiseltä komponentilta pelkästään näppäimistörajapintaa käyttämällä. Mikäli tämä vaatii muuta kuin pelkkien nuoli- tai tab-näppäimien tai muiden standardinmukaisten poistumismenetelmien käyttämistä, käyttäjälle neuvotaan menetelmä kohdistuksen poissiirtämiseksi.

Huomautus: Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys.

Kaikki sisällön toiminnallisuus on käytettävissä näppäimistörajapinnan kautta ilman vaatimusta yksittäisten näppäinpainallusten erityisestä ajoittamisesta.

Jos sisältöön on toteutettu näppäinoikotie, joka käyttää vain yhtä kirjain- (mukaan lukien pienet ja isot kirjaimet), välimerkki-, numero- tai symbolinäppäintä, vähintään yksi seuraavista pätee:

  • Pois päältä: On olemassa mekanismi, jolla näppäinoikotien voi ottaa pois käytöstä.
  • Uudelleenmäärittely: On olemassa mekanismi, jolla näppäinoikotie voidaan määritellä uudelleen käyttämään yhtä tai useampaa komentonäppäintä (Ctrl, Alt jne.).
  • Aktiivinen vain kohdistettaessa: Tietylle käyttöliittymäkomponentille tarkoitettu näppäinoikotie on käytössä vain, kun kohdistus on kyseisessä komponentissa.

2.2 Tarpeeksi aikaa

Anna käyttäjille tarpeeksi aikaa lukea ja käyttää sisältöä.

Jokaiselle sisällön asettamalle aikarajalle ainakin yksi seuraavista pitää paikkansa:

  • Pois päältä: Käyttäjä voi kytkeä aikarajan pois päältä ennen sen täyttymistä.
  • Säädä: Käyttäjän sallitaan säätää aikarajaa ennen sen kohtaamista laajalla asteikolla, joka on vähintään kymmenen kertaa oletusasetuksen pituus.
  • Jatka: Käyttäjää varoitetaan ennen ajan loppumista, annetaan vähintään 20 sekuntia aikaa aikarajan jatkamiseen yksinkertaisen toiminnon avulla (esimerkiksi, ”paina välilyöntiä”) ja käyttäjän sallitaan jatkaa aikarajaa vähintään kymmenen kertaa.
  • Reaaliaikainen poikkeus: Aikaraja on reaaliaikaisen tapahtuman vaadittu osa (esimerkiksi huutokaupan), ja vaihtoehto aikarajalle ei ole mahdollinen.
  • Olennainen poikkeus: Aikaraja on olennainen, ja sen pidentäminen mitätöisi toiminnon.
  • 20 tunnin poikkeus: Aikaraja on yli 20 tuntia.

Huomautus: Tämä onnistumiskriteeri auttaa varmistamaan, että käyttäjät voivat saattaa tehtävät valmiiksi ilman odottamattomia aikarajasta johtuvia muutoksia sisällössä tai kontekstissa. Tätä onnistumiskriteeriä tulisi tarkastella yhdessä Onnistumiskriteerin 3.2.1:n kanssa, joka rajoittaa käyttäjän toiminnasta johtuvia sisällön tai kontekstin muutoksia.

Kaikki seuraavat pitävät paikkansa liikkuvalle, vilkkuvalle, vierivälle tai automaattisesti päivittyvälle informaatiolle:

  • Liikkuva, vilkkuva, vierivä: Kaikelle liikkuvalle, vilkkuvalle tai vierivälle informaatiolle, joka (1) käynnistyy automaattisesti, (2) kestää yli viisi sekuntia ja (3) esitetään rinnakkain muun sisällön kanssa, on olemassa mekanismi, jonka avulla käyttäjä voi tauottaa, pysäyttää tai piilottaa sen, paitsi silloin kun liikkuminen, vilkkuminen tai vieriminen on olennainen osa toimintoa ja
  • Automaattisesti päivittyvä: Kaikelle automaattisesti päivittyvälle informaatiolle, joka (1) käynnistyy automaattisesti ja (2) esitetään rinnakkain muun sisällön kanssa, on olemassa mekanismi, jonka avulla käyttäjä voi keskeyttää, pysäyttää tai piilottaa sen tai hallita sen päivitystiheyttä, paitsi silloin kun automaattinen päivittyminen on olennainen osa toimintoa.

Huomautus 1: Tarkista vilkkuvaan tai välähtelevään sisältöön liittyvät vaatimukset ohjeesta 2.3.

Huomautus 2: Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys.

Huomautus 3: Sellaisesta sisällöstä, jota ohjelmisto ajoittain päivittää tai jota käyttäjäagentti lataa syötevirrasta, ei vaadita tallentamaan tai esittämään informaatiota, joka on luotu tai vastaanotettu tauon ja jatkamisen välissä, koska tämä saattaisi olla teknisesti mahdotonta ja monessa tilanteessa harhaanjohtavaa.

Huomautus 4: Animaatiota, joka näytetään osana esilatausvaihetta tai vastaavaa tilannetta, voidaan pitää olennaisena, jos kyseisen vaiheen aikana ei voi tapahtua vuorovaikutusta kenenkään käyttäjän kanssa, ja jos toiminnon edistymistä osoittavan animaation poisjättäminen saattaisi hämätä käyttäjiä tai saada heidät ajattelemaan, että sisältö on jämähtänyt tai vioittunut.

Ajoitus ei ole olennainen osa sisällön esittämää tapahtumaa tai toimintoa, lukuun ottamatta ei-interaktiivista synkronoitua mediaa ja reaaliaikaisia tapahtumia.

Käyttäjä voi lykätä tai estää keskeytykset, lukuun ottamatta hätätapauksiin liittyviä keskeytyksiä.

Kun todennettu istunto vanhentuu, käyttäjä voi dataa menettämättä jatkaa toimintoa uudelleentunnistautumisen jälkeen.

Käyttäjää varoitetaan, jos käyttäjän tietoja voi kadota käyttäjän inaktiivisuuden seurauksena, paitsi jos tietoja säilytetään yli 20 tuntia sen jälkeen, kun käyttäjä ei tee mitään.

Huomautus: Tietosuojasäännökset saattavat vaatia käyttäjän nimenomaisen suostumuksen ennen kuin käyttäjän tunnistetiedot on todennettu ja ennen käyttäjän tietojen tallentamista. Useimmissa oikeuskäytännöissä, valtioissa tai hallintoalueilla nimenomaista suostumusta ei voida siirtää toiselle henkilölle, mikäli käyttäjä on alaikäinen. Kun käyttäjän tietojen tallentamista harkitaan keinona tämän onnistumiskriteerin täyttämiseksi, on suositeltavaa hyödyntää tietosuoja-asiantuntijoita sekä lainopillista neuvontaa.

2.3 Sairauskohtaukset

Älä suunnittele sisältöä tavalla, jonka tiedetään aiheuttavan sairauskohtauksia.

Verkkosivut eivät sisällä mitään, joka milloinkaan välähtäisi useammin kuin kolme kertaa sekunnissa, tai välähdys on alle yleisen välähdyksen ja punaisen välähdyksen raja-arvojen.

Huomautus: Koska mikä tahansa sisältö, joka ei täytä tätä onnistumiskriteeriä, voi haitata käyttäjän mahdollisuuksia käyttää koko sivua, täytyy kaiken verkkosivun sisällön (riippumatta siitä käytetäänkö sitä täyttämään muita onnistumiskriteereitä vai ei) täyttää tämä onnistumiskriteeri. Katso ohjeidenmukaisuuden vaatimus 5: Häiriöttömyys.

Verkkosivut eivät sisällä mitään, joka milloinkaan välähtäisi useammin kuin kolme kertaa sekunnissa.

Käyttäjän vuorovaikutuksesta käynnistyvät liikeanimaatiot voidaan ottaa pois päältä, paitsi tilanteissa, joissa animaatio on olennainen käytön tai välitettävän informaation kannalta.

2.5 Syötetavat

Tee toimintojen käyttämisestä käyttäjille helpompaa erilaisilla syötetavoilla näppäimistön lisäksi.

Kaikkia toimintoja, joissa hyödynnetään monipiste- tai reittiin perustuvia ohjauseleitä, voidaan käyttää myös yhdellä osoittimella ja ilman reittiin perustuvaa elettä, paitsi jos kyseinen ohjaustapa on olennainen.

Huomautus: Tämä vaatimus koskee verkkosisältöä, joka vastaanottaa ja tulkitsee osoitinlaitteen toimintoja (ts. tämä ei koske toimintoja, joilla ohjataan käyttäjäagenttia tai avustavaa teknologiaa).

Toimintoihin, joita voidaan käyttää yhden osoittimen avulla, pätee vähintään yksi seuraavista:

  • Ei alas-tapahtumaa: Mikään osa toiminnallisuudesta ei tapahdu alas-tapahtuman yhteydessä.
  • Keskeytä tai kumoa: Toiminnon päättäminen tapahtuu ylös-tapahtuman yhdeydessä, ja on olemassa mekanismi, jolla toiminto voidaan perua ennen päättämistä tai kumota päättämisen jälkeen.
  • Vastakkaisuus: Ylös-tapahtuma kumoaa edeltävän alas-tapahtuman aiheuttaman toiminnon.
  • Olennainen: Toiminnon päättäminen alas-tapahtuman yhteydessä on olennaista.

Huomautus: Toimintoja, jotka jäljittelevät näppäimistön tai numeronäppäimistön painalluksia pidetään olennaisina.
Huomautus: Tämä vaatimus koskee verkkosisältöä, joka vastaanottaa ja tulkitsee osoitinlaitteen toimintoja (ts. tämä ei koske toimintoja, joilla ohjataan käyttäjäagenttia tai avustavaa teknologiaa).

Tapauksissa, joissa käyttöliittymäkomponentin nimilapussa on tekstiä tai tekstiä esittävä kuva, komponentin nimi sisältää sen tekstin, joka on visuaalisesti näkyvissä.

Huomautus: Hyvä käytäntö on sijoittaa nimilapun teksti nimen alkuun.

Toiminnallisuus, jota voidaan käyttää liikuttamalla laitetta, voidaan käyttää myös käyttöliittymäkomponenttien avulla, ja liikeaktivointi voidaan ottaa pois päältä, jotta vältetään toiminnan aktivoiminen vahingossa. Tämä ei koske seuraavia tapauksia:

  • Tuettu rajapinta: Liikeaktivointi on toteutettu sellaisen rajapinnan kautta, joka on saavutettavuudeltaan tuettu.
  • Olennainen: Liike on toiminnon kannalta olennainen, ja sen poistaminen mitätöisi toiminnon.

Osoitinlaitteella aktivoitavan kohteen koko on vähintään 44 kertaa 44 CSS-pikseliä, lukuun ottamatta tapauksia, joissa:

  • Vastaava: kohde on saatavilla vastaavan, samalla sivulla olevan, vähintään 44 kertaa 44 CSS-pikselin kokoisen linkin tai komponentin kautta.
  • Tekstin sisällä: Kohde on lauseen tai tekstilohkon sisällä.
  • Käyttäjäagentin määrittelemä: Käyttäjäagentti määrittelee kohteen koon, eikä sisällön tuottaja ole muokannut kokoa.
  • Olennainen: Tietynlainen esitystapa on olennainen välitettävän informaation kannalta.

Verkkosisältö ei rajoita käytettävissä olevien ohjaintapojen käyttämistä, paitsi jos rajoitus on olennainen, pakollista sisällön turvallisuuden vuoksi tai välttämätön käyttäjän asetusten noudattamiseksi.

3. Ymmärrettävä

Informaation ja käyttöliittymän toiminnan pitää olla ymmärrettävää.

3.1 Luettava

Tee tekstisisällöstä luettavaa ja ymmärrettävää.

Jokaisen verkkosivun oletusarvoinen luonnollinen kieli voidaan selvittää ohjelmallisesti.

Sisällön jokaisen tekstikatkelman tai ilmaisun luonnollinen kieli voidaan selvittää ohjelmallisesti, paitsi seuraavien osalta: erisnimet, tekniset termit, määrittämättömän kielen sanat sekä sanat tai ilmaisut, jotka ovat muuttuneet läheisen tekstiympäristön kielen murteelliseksi osaksi.

Tarjolla on mekanismi, jolla voi selvittää sanojen tai lauseiden tarkat määritelmät, jos niitä käytetään poikkeavalla tai tarkkaan rajatulla tavalla, mukaan lukien idiomit ja jargon.

Tarjolla on mekanismi, jolla voi selvittää lyhenteiden laajennetun muodon tai merkityksen.

Jos teksti edellyttää 2. perusasteen opetuksen vaatimukset ylittävää lukutaitoa sen jälkeen, kun erisnimet ja otsikot on poistettu, tarjolla on täydentävää sisältöä tai versio, joka ei vaadi 2. perusasteen opetuksen tasoa edistyneempää lukutaitoa.

Käytettävissä on mekanismi sanojen täsmällisen ääntämistavan selvittämiseksi silloin, kun sanojen merkitys kontekstissaan olisi monitulkintainen, jos ääntämistapa ei ole tiedossa.

3.2 Ennakoitava

Tee verkkosivuista sellaisia, että niiden ilmiasu ja toiminta ovat ennakoitavissa.

Kun mikä tahansa käyttöliittymäkomponentti saa kohdistuksen, se ei aiheuta kontekstin muutosta.

Minkään käyttöliittymäkomponentin asetuksen muuttaminen ei automaattisesti aiheuta kontekstin muutosta, ellei käyttäjää ole ohjeistettu tällaisesta toiminnosta ennen komponentin käyttöä.

Verkkosivujen joukon useilla verkkosivuilla toistuvat navigointimekanismit esiintyvät aina samassa järjestyksessä suhteessa toisiinsa, ellei käyttäjä toisin valitse.

Komponentit, joilla on sama toiminnallisuus verkkosivujen joukossa, merkitään johdonmukaisesti.

Kontekstin muutokset tapahtuvat ainoastaan käyttäjän pyynnöstä tai tarjolla on mekanismi tämän tyyppisten muutoksien poiskytkemiseksi.

3.3 Syötteen avustaminen

Auta käyttäjiä välttämään ja korjaamaan virheitä.

Jos syötevirhe havaitaan automaattisesti, virheellinen kohta osoitetaan ja virhe kuvataan käyttäjälle tekstimuotoisena.

Kun sisältö edellyttää käyttäjän syötettä, tarjolla on nimilappuja tai ohjeita.

Jos syötevirhe havaitaan automaattisesti ja korjausehdotuksia tiedetään, ehdotukset esitetään käyttäjälle, paitsi jos tämä vaarantaisi tietoturvan tai sisällön merkityksen.

Verkkosivuille, joista seuraa käyttäjälle oikeudellisia sitoumuksia tai taloudellisia transaktioita, jotka muokkaavat tai poistavat käyttäjän hallinnoimaa dataa tietovarastossa tai jotka lähettävät käyttäjän koevastauksia, ainakin yksi seuraavista pitää paikkansa:

  • Peruttavissa: Lähetykset ovat peruttavissa.
  • Tarkastettu: Käyttäjän syöttämä data tarkastetaan syötevirheiden varalta ja käyttäjälle tarjotaan mahdollisuus virheiden korjaamiseen.
  • Vahvistettu: Käytettävissä on mekanismi informaation tarkistamiseen, vahvistamiseen ja korjaamiseen ennen lopullista lähettämistä.

Saatavilla on kontekstisidonnaisia ohjeita.

Verkkosivuille, jotka vaativat käyttäjää lähettämään informaatiota, ainakin yksi seuraavista pitää paikkansa:

  • Peruttavissa: Lähetykset ovat peruttavissa.
  • Tarkastettu: Käyttäjän syöttämä data tarkastetaan syötevirheiden varalta ja käyttäjälle tarjotaan mahdollisuus virheiden korjaamiseen.
  • Vahvistettu: Käytettävissä on mekanismi informaation tarkistamiseen, vahvistamiseen ja korjaamiseen ennen lopullista lähettämistä.

 

4. Lujatekoinen

Sisällön pitää olla riittävän lujatekoinen, jotta se voidaan luotettavasti tulkita laajalla joukolla asiakasohjelmia, mukaan lukien avustavat teknologiat.

4.1 Yhteensopiva

Maksimoi yhteensopivuus nykyisten ja tulevien asiakasohjelmien kanssa, mukaan lukien avustavat teknologiat.

Kun sisältö on toteutettu merkkauskieliä käyttämällä, elementeillä on täydelliset alku- ja lopputagit, elementit on järjestetty sisäkkäin spesifikaation mukaisesti, samaa attribuuttia ei ole annettu elementeille moneen kertaan ja kaikki ID-tunnisteet ovat yksilöllisiä, paitsi tilanteissa, joissa määritykset sallivat tämänkaltaiset ominaisuudet.

Huomautus: Alku- ja lopputagit, joiden muotoilusta puuttuu jokin kriittinen merkki, kuten päättävä ”suurempi kuin” -merkki tai sopiva lainausmerkki attribuutin arvosta, eivät ole täydellisiä.

Kaikkien käyttöliittymäkomponenttien (mm. lomake-elementit, linkit ja skriptien luomat komponentit) nimi ja rooli voidaan selvittää ohjelmallisesti tilat, ominaisuudet ja arvot, jotka käyttäjä voi asettaa, voidaan myös asettaa ohjelmallisesti ja tieto näiden muutoksista on käyttäjäagenttien, mukaan lukien avustavien teknologioiden, saatavissa.

Huomautus: Tämä onnistumiskriteeri on ensisijaisesti web-kehittäjille, jotka toteuttavat tai koodaavat itse käyttöliittymäkomponentteja. Esimerkiksi standardinmukaiset HTML-elementit täyttävät tämän onnistumiskriteerin, kun niitä käytetään spesifikaation mukaisesti.

Sisällössä, joka on toteutettu käyttäen merkkauskieliä, tilasta kertovat viestit voidaan selvittää ohjelmallisesti sellaisen roolin tai ominaisuuksien avulla, jotka mahdollistavat viestin esittämisen käyttäjälle avustavan teknologian avulla ilman kohdistuksen siirtämistä.