Tarkastele yhtä kokonaista asiointia
Saavutettavuutta kannattaa arvioida asiakkaan tehtävän kautta. Valitse esimerkiksi palvelun löytäminen ja yhteydenoton lähettäminen. Siihen kuuluu päävalikko, palveluteksti, yhteystieto, lomake, mahdollinen virhe ja lopuksi onnistumisen vahvistus. Yksittäisen painikkeen korjaus ei vielä auta, jos seuraava vaihe jää kokonaan saavuttamattomaksi.
Tehtäväkohtainen tarkastelu tekee myös priorisoinnista ymmärrettävää. Ensin korjataan este, joka estää asiakkaan etenemisen. Sen jälkeen parannetaan epäselviä kohtia ja laajennetaan tarkistus muihin sivutyyppeihin. Sivuston eri komponentit voivat toistua kymmenillä sivuilla, joten yhteisen valikon tai lomakekentän korjaus voi auttaa laajasti. Toisaalta yksi sivukohtainen varausupotus voi vaatia oman tutkimuksensa.
Näppäimistöllä pitää päästä sisään ja ulos
Kokeile, voiko valikon avata, linkit saavuttaa ja lomakkeen täyttää ilman hiirtä. Näppäimistökohdistuksen pitää näkyä, jotta käyttäjä tietää, mihin seuraava painallus vaikuttaa. Myös siirtymisjärjestyksen on vastattava sivun ymmärrettävää lukujärjestystä. Visuaalisesti vasemmalle siirretty elementti voi muuten tulla näppäimistöllä vastaan aivan eri kohdassa.
Avautuvat valikot ja ikkunat tarvitsevat erityistä huomiota. Käyttäjä ei saa jäädä niiden sisään ilman tapaa sulkea niitä, eikä kohdistus saa kadota taustan näkymättömiin toimintoihin. Tarkista myös usein kysytyt kysymykset ja karusellien hallinta. Toiminnon pitää olla oikea painike tai linkki tarkoituksensa mukaan, jotta selaimen tavanomaiset käyttötavat toimivat.
Otsikot ja linkit muodostavat sisällön rungon
Pitkä palvelusivu tarvitsee otsikot, jotka kuvaavat osioiden sisältöä. Fontin suurentaminen ei yksin tee tekstistä rakenteellista otsikkoa. Kun otsikkotasot ovat johdonmukaisia, lukija voi hahmottaa kokonaisuuden ja siirtyä tarvitsemaansa kohtaan. Sama rakenne auttaa myös ihmistä, joka vain silmäilee sivua puhelimella.
Linkkitekstin pitäisi kertoa, mihin linkki johtaa. Usea peräkkäinen lue lisää -linkki on vaikeampi tulkita kuin verkkosivujen ylläpidosta kertova linkki. Kuviin sisältyvä olennainen tieto tarvitsee tekstivastineen. Näkyvän tekstin ja teknisen merkityksen pitää siis tukea samaa tehtävää, eikä avustavan teknologian käyttäjälle pidä rakentaa vahingossa aivan erilaista sivua.
Kontrasti ja suurennus vaikuttavat arkeen
Vaalea teksti vaalealla pinnalla voi näyttää kuvakaappauksessa hienovaraiselta ja silti olla vaikea lukea. Tarkista myös pienet aputekstit, paikkamerkit ja käytöstä poistetut toiminnot. Pelkkä väri ei saa olla ainoa tapa erottaa esimerkiksi virhettä onnistumisesta. Viestin sisällön tulee kertoa, mitä tapahtui.
Suurennuksessa tekstin pitäisi pysyä luettavana ilman, että olennaiset painikkeet tai kentät katoavat. Erityisesti kiinteäkorkuiset laatikot aiheuttavat ongelmia, kun teksti tarvitsee enemmän tilaa. Testaa pitkät suomalaiset sanat ja selaimen tekstiasetukset. Pieni näyttö ja suuri teksti voivat paljastaa saman rakenteellisen ongelman eri tilanteissa.
Lomakkeen virheen pitää auttaa eteenpäin
Jokaisella kentällä pitää olla ymmärrettävä nimi. Pelkkä kentän sisällä näkyvä vihjeteksti katoaa kirjoitettaessa eikä korvaa aina varsinaista nimeä. W3C:n lomakeohje selittää, miten nimi yhdistetään kenttään myös ohjelmallisesti. Tekninen yhteys auttaa esimerkiksi ruudunlukijaa kertomaan, mitä tietoa pyydetään.
Virheen jälkeen kerro, missä ongelma on ja miten se korjataan. Virheellinen syöte on heikompi ohje kuin tarkista sähköpostiosoite, esimerkiksi nimi@yritys.fi. Säilytä asiakkaan jo antamat tiedot mahdollisuuksien mukaan. Jos verkkoyhteys katkeaa, tilanne pitää erottaa väärin täytetystä kentästä. Asiakkaan ei pidä korjata osoitettaan turhaan, jos palvelin on tilapäisesti tavoittamattomissa.
Testaus tarvitsee useamman näkökulman
Automaattinen tarkistus tunnistaa osan teknisistä virheistä, mutta se ei ymmärrä kaikkea sisällön merkitystä tai asioinnin sujuvuutta. Manuaalinen näppäimistötesti ja ruudunlukijalla tehtävä kokeilu täydentävät sitä. W3C:n alustavat tarkistukset ovat hyvä tapa aloittaa, mutta ohje itsekin erottaa ne kattavasta arvioinnista.
Kirjaa havainnot toiminnon ja vaikutuksen perusteella. Lomaketta ei voi lähettää on selkeämpi korjauskohde kuin sivu ei ole saavutettava. Merkitse myös testattu selain ja apuväline. Korjauksen jälkeen sama tehtävä suoritetaan uudelleen. Jos sivustoa koskee erityisiä lakisääteisiä vaatimuksia, niiden soveltuminen ja kattava arviointi selvitetään erikseen.
Esimerkki: yhteydenoton epäselvä virhe
Kuvitteellisella sivulla sähköpostikenttä muuttuu punaiseksi, mutta muuta ilmoitusta ei tule. Asiakas ei tiedä, puuttuuko osoite vai onko viesti jo lähtenyt. Paremmassa toteutuksessa kentän yhteydessä näkyy tarkka virhe, kohdistus ohjaa virheeseen tarkoituksenmukaisesti ja lomakkeen muu sisältö säilyy. Onnistuneen lähetyksen jälkeen näkyy erillinen vahvistus.
Korjauksen onnistumista ei ratkaista vain ulkoasulla. Sama tilanne testataan ilman hiirtä ja avustavalla teknologialla. Esimerkki kuvaa toteutusperiaatetta, eikä osoita minkään yksittäisen sivuston täydellistä saavutettavuutta.
Liike ja upotukset eivät saa estää asiointia
Automaattisesti liikkuva sisältö voi vaikeuttaa lukemista ja kohdistamista. Arvioi siksi, tarvitseeko liike jatkuvaa toistoa vai riittääkö lyhyt siirtymä. Kävijän laitteen vähennetyn liikkeen asetus kannattaa huomioida. Sisältöjen tulee olla ymmärrettäviä myös silloin, kun animaatiot jätetään pois.
Ulkoisen palvelun käyttäminen ei poista tarvetta tarkistaa koko asiointipolkua. Ajanvaraus, kartta tai arvostelupalvelu saattaa käyttäytyä eri tavalla kuin sivuston omat osat. Tarkista esimerkiksi, saako näppäimistön kohdistuksen siirrettyä upotuksesta pois ja tietääkö käyttäjä, milloin hän siirtyy toiseen palveluun. Jos olennainen toiminto ei ole käytettävissä kaikille, tarvitaan toimiva vaihtoehtoinen tapa hoitaa sama asia.
Vaihtoehto ei saa olla vain yleinen yhteystietolinkki ilman selitystä. Asiakkaan pitää ymmärtää, mitä apua hän voi pyytää ja miten asia etenee. Esimerkiksi ajanvarausongelmaan voidaan tarjota yhteydenotto, jossa yritys auttaa sopivan ajan löytämisessä. Toteutus ja henkilökunnan toimintatapa sovitaan yhdessä.
Korjausten hyväksyminen ja vastuut
Saavutettavuushavainto kannattaa kuvata käyttäjän tehtävän kautta. Ilmaisu "lomakkeessa on virhe" on epätarkka. Kuvaus "virheellinen puhelinnumero estää lähetyksen, mutta virhettä ei kerrota kentän yhteydessä" antaa jo korjaajalle selkeän kohteen. Tämän jälkeen sama tilanne voidaan toistaa korjauksen valmistuttua.
Korjaukset priorisoidaan haitan ja toistuvuuden mukaan. Yhteydenoton estävä vika on yritykselle olennaisempi kuin yksittäinen koristeellinen epäjohdonmukaisuus. Yhteisten komponenttien korjaus voi parantaa samalla kymmeniä sivuja, joten navigaatio, lomakkeet ja toistuvat kortit kannattaa tarkastaa ennen yksittäisten sivujen hienosäätöä.
Myös sisällön ylläpitäjä tarvitsee ohjeen saavutettavaan tekemiseen. Otsikkorakenne, kuvaavat linkkitekstit ja kuvien vaihtoehtoiset tekstit eivät pysy kunnossa pelkällä teknisellä toteutuksella. Vastuuhenkilö ja tarkistusrytmi tekevät parantamisesta jatkuvaa työtä. Tämä opas ei yksin todista sivuston täyttävän kaikkia saavutettavuusvaatimuksia; kattava arvio edellyttää soveltuvan vaatimustason ja todellisten käyttötilanteiden tarkastelua.