WCAG 2.2 – Navigoinnin ja syötetapojen saavutettavuus uudelle tasolle

Saavutettavuus ei ole enää pelkkä lisäominaisuus, vaan osa laadukasta suunnittelua. Web Content Accessibility Guidelines (WCAG) 2.2 -päivitys vie saavutettavuuden vaatimukset uudelle tasolle. Sen tavoitteena on helpottaa erityisesti kognitiivisesti, motorisesti tai näköaistin kautta rajoitteisten käyttäjien vuorovaikutusta verkkosisältöjen kanssa.

WCAG 2.2 julkaistiin virallisesti lokakuussa 2023 W3C:n suosituksena. Vaikka se ei korvaa edellistä versiota, se laajentaa sitä yhdeksällä uudella kriteerillä. Euroopan unionin saavutettavuusdirektiivi perustuu edelleen WCAG 2.1 -versioon, mutta uuden version sisältö toimii jatkossa ohjeellisena parhaana käytäntönä.

Käytännössä WCAG 2.2:n vaatimukset eivät siis ole vielä lakisääteisesti velvoittavia julkisille toimijoille, mutta ne tarjoavat konkreettisen tiekartan kohti tulevaa sääntelyä ja saavutettavuuden seuraavaa tasoa. Mitä aikaisemmin nämä kriteerit otetaan huomioon suunnittelussa ja kehityksessä, sitä valmiimpi organisaatio on tuleviin vaatimuksiin – ja ennen kaikkea, sitä parempi palvelukokemus käyttäjille tarjoutuu jo nyt.

Mikä muuttuu WCAG 2.2:ssa?

WCAG 2.2 täydentää aiempia standardeja lisäämällä yhdeksän uutta kriteeriä, jotka asettavat konkreettisia vaatimuksia käyttöliittymien näkyvyydelle, vuorovaikutukselle ja käyttäjän kognitiiviselle tuelle. Nämä kriteerit on jaettu kolmeen pääalueeseen:

1. Navigointi ja näkyvyys
2. Syötetavat ja motorinen käytettävyys
3. Kognitiivinen kuormitus ja virheiden ehkäisy

Alla avaamme jokaisen kriteerin tarkoituksen ja keskeisen sisällön, sekä sen, kenelle se on erityisen merkityksellinen.

Navigointi ja näkyvyys

2.4.11 Focus Not Obscured (Minimum) – AA
Fokusoitujen elementtien on oltava vähintään osittain näkyvissä, kun käyttäjä liikkuu näppäimistöllä. Tämä ehkäisee tilannetta, jossa käyttäjä navigoi sokkona, koska painike tai linkki jää peittyneeksi esimerkiksi yläpalkin taakse.

2.4.12 Focus Not Obscured (Enhanced) – AAA 
Tämä jatkaa edellistä kriteeriä tiukemmalla vaatimuksella: fokusoitu elementti on oltava täysin näkyvissä. Se on tärkeää erityisesti niille, jotka tarvitsevat visuaalisen vahvistuksen jokaisesta siirtymästä.

2.4.13 Focus Appearance – AAA
Fokusindikaattorin tulee olla selkeä ja kontrastinen. Sen näkyvyyden on täytettävä tietyt visuaaliset mitat ja kontrastivaatimukset, jotta käyttäjä todella huomaa sen – tämä on olennaista näppäimistökäyttäjille ja heikosti näkeville.

Syötetavat ja vuorovaikutus

2.5.7 Dragging Movements – AA
Vetämiseen perustuville toiminnoille – kuten elementin raahaaminen listassa – on tarjottava vaihtoehtoinen tapa suorittaa sama toiminto. Tämä voi tarkoittaa esimerkiksi ylös- ja alas-nuolipainikkeita elementin siirtämiseen.

2.5.8 Target Size (Minimum) – AA  
Interaktiivisten elementtien, kuten painikkeiden ja linkkien, on oltava riittävän suuria käytettäväksi ilman tarkkaa osumista. Vähimmäiskoko on 24x24 CSS-pikseliä. Tämä parantaa mobiilikäytettävyyttä ja estää virhepainalluksia.

Kognitiivinen kuormitus ja virheiden ehkäisy

3.2.6 Consistent Help – A
Jos verkkopalvelussa on tarjolla apua – kuten ohjeita, tukea tai yhteystietoja – niiden on oltava johdonmukaisesti saatavilla kaikilla sivuilla. Tämä vähentää käyttäjän kognitiivista kuormaa ja nopeuttaa avun löytämistä.

3.3.7 Redundant Entry – A 
Käyttäjän ei tule joutua syöttämään samaa tietoa useaan kertaan saman istunnon aikana. Tämä suojaa etenkin keskittymishäiriöistä kärsiviä tai hitaammin eteneviä käyttäjiä turhalta toistolta.

3.3.8 Accessible Authentication (Minimum) – AA  
Todentamisen, kuten sisäänkirjautumisen, on oltava saavutettavissa ilman, että käyttäjän täytyy muistaa tietoja ulkoa, kirjoittaa vaikeita salasanoja tai ratkaista visuaalisia arvoituksia. Esimerkiksi kopioi–liitä-toiminnon tukeminen tai selaimen tallentamien tietojen hyödyntäminen riittää.

3.3.9 Accessible Authentication (Enhanced) – AAA 
Tässä edellisen kriteerin vaatimuksia laajennetaan entisestään: todentamisen tulee onnistua ilman muistamista tai hienomotoriikkaa vaativia toimintoja. Tämä korostaa yksilöllisten tarpeiden huomiointia erityisesti kognitiivisesti tai motorisesti rajoittuneille.

Käytännön vaikutukset suunnitteluun

WCAG 2.2 -päivityksen myötä saavutettavuus ei ole enää vain kapea-alainen tekninen vaatimus. Se on suunnitteluperiaate, joka ulottuu navigoinnin loogisuuteen, käyttöliittymäelementtien mitoitukseen ja käyttäjän kognitiivisen kuorman keventämiseen.

Hyvin toteutettu saavutettavuus näkyy konkreettisina parannuksina:

- Navigointi sujuu ilman visuaalista eksymistä
- Lomakkeet ovat loogisia ja kohtuullisia täyttää.
- Käyttöliittymä ei vaadi tarkkuutta tai muistikuormitusta.

Kehittäjän näkökulmasta tämä tarkoittaa esimerkiksi sitä, että sivusto toimii sujuvasti ilman hiirtä, että kaikki painikkeet ovat riittävän isoja painettaviksi myös sormella ja että todennusvaiheessa ei pakoteta käyttäjää kirjoittamaan turhaan samoja tietoja uudelleen.

Saavutettavuus on hyvän palvelun mitta

WCAG 2.2:n tuomat yhdeksän uutta kriteeriä ovat askel kohti verkkoa, joka palvelee kaikkia – ei vain osaa. Ne eivät ole irrallisia teknisiä rajoitteita, vaan konkreettisia parannuksia, jotka tekevät digitaalisista palveluista reilumpia, käytettävimpiä ja inhimillisempiä.

Kun saavutettavuus otetaan huomioon alusta alkaen, koko palvelun käytettävyys paranee kaikilla laitteilla ja kaikille käyttäjäryhmille. Samalla varmistetaan, että palvelu täyttää saavutettavuuslainsäädännön vaatimukset, kuten EU:n saavutettavuusdirektiivin. Lisäksi saavutettavuuteen panostaminen viestii vastuullisuutta ja käyttäjäkeskeistä ajattelua – se rakentaa luottamusta ja vahvistaa brändiä.

‍