Saavutettavuus alkaa itsenäisestä käytöstä
Verkkosivusto on saavutettava, kun ihmiset voivat käyttää sitä luotettavasti erilaisista kyvyistä ja käyttötilanteista huolimatta. Tähän joukkoon kuuluvat sokeat ja heikkonäköiset, kuurot sekä ihmiset, joilla on motorisia tai kognitiivisia rajoitteita, samoin kuin monet ikääntyneet käyttäjät. Myös murtunut käsi, meluisa ympäristö tai hidas internetyhteys voi vaikeuttaa käyttöä tilapäisesti. Saavutettavuus ei siis palvele vain pientä erityisryhmää, vaan parantaa hyvin erilaisten ihmisten pääsyä palveluun.
Palvelun todellinen saavutettavuus näkyy konkreettisissa tehtävissä. Löytääkö käyttäjä ajanvarauksen, voiko hän lähettää lomakkeen tai kopioida puhelinnumeron eksymättä navigointiin? Ymmärtääkö hän, mitkä tiedot ovat pakollisia ja mitä lähettämisen jälkeen tapahtuu? Hyvää tarkoittavasta saavutettavuusmaininnasta on vähän hyötyä, jos tärkeät tiedot ovat vain kuvassa tai valintaikkunaa ei voi sulkea ilman hiirtä.
Palvelun ylläpitäjän kannattaa vaihtaa näkökulmaa: huomion kohteena ei ole yksittäinen toiminto vaan koko polku tavoitteeseen. Helppolukuinen etusivu ei riitä, jos tilausprosessi jää epäselväksi. Tarkastele ensin kävijöiden yleisimpiä ja tärkeimpiä asiointipolkuja. Niissä esteet näkyvät selvimmin ja parannukset lisäävät suoraan itsenäisyyttä, turvallisuutta ja luottamusta.
Selkeä sivurakenne auttaa suunnistamaan
Ihmiset hahmottavat verkkosivuja eri tavoin. Osa silmäilee otsikoita, osa suurentaa sisältöä voimakkaasti, ja sokeat käyttäjät kuuntelevat elementit ruudunlukijalla. Selkeä rakenne auttaa kaikissa näissä tilanteissa. Jokaisella sivulla tulisi olla tunnistettava pääaihe, ja otsikoiden pitäisi jakaa sisältö mielekkäisiin osiin. Pelkät otsikot lukemalla tulisi jo ymmärtää, mistä on kyse ja mistä etsitty tieto löytyy.
Myös toistuvilla alueilla on oltava vakiintunut paikka. Logon, päänavigoinnin, haun ja yhteystietojen sijainnin tai nimen ei pidä vaihtua sivulta toiselle. Johdonmukainen asettelu helpottaa käyttäjiä, joiden suunnistaminen on työlästä tai jotka muistavat toimintatapoja. Kuvaavat sivuotsikot ja nykyisen osion näkyvä merkintä ovat erityisen hyödyllisiä. Niiden avulla käyttäjä tietää aina, missä hän on ja miten hän palaa ylemmälle tasolle.
Vältä sivuja, joilla monet yhtä voimakkaat alueet kilpailevat huomiosta. Jos aloitusnäkymää hallitsevat yhtä aikaa kolme banneria, useat kortit ja automaattisesti vaihtuva kuva, olennainen jää epäselväksi. Järjestä sisältö tärkeyden mukaan ja anna tärkeimmälle toiminnolle näkyvä paikka. Rauhallinen hierarkia helpottaa suunnistamista, nopeuttaa päätöksiä ja vähentää tahattomia napsautuksia.
Luettava ulkoasu ei jätä arvailun varaan
Hyvä luettavuus syntyy riittävän suuresta kirjasinkoosta, selkeistä kirjainmuodoista sekä väljästä rivi- ja kappalevälistä. Hyvin ohut kirjasin tai tiheä teksti rasittaa jopa hyvä näköisiä. Ongelma korostuu pienillä näytöillä. Tekstiä pitää voida suurentaa ilman sisällön leikkautumista tai vaakasuuntaista vieritystä. Tarkista siksi normaalinäkymän lisäksi myös selvästi suurennetut näkymät.
Väri saa tukea tietoa, mutta se ei saa olla tiedon ainoa välittäjä. Virheellisen lomakekentän punainen reunus ei välttämättä erotu käyttäjälle, jonka värinäkö on heikentynyt. Lisää ymmärrettävä ilmoitus ja merkitse kyseinen kenttä yksiselitteisesti. Sama koskee kaavioita, tilailmaisimia ja valittuja valikkokohtia. Kuviot, symbolit tai teksti säilyttävät merkityksen myös ilman tarkkaa värien erottamista.
Riittävä kontrasti tekee tekstistä, painikkeista ja syöttökentistä havaittavia erilaisissa valaistusoloissa. Vaaleanharmaa teksti valkoisella voi näyttää tyylikkäältä, mutta muuttuu nopeasti lukukelvottomaksi. Erityisen ongelmallisia ovat pienet ohjeet, paikkamerkit ja kuvien päällä olevat tekstit. Tarkista kontrastit jo suunnitteluvaiheessa, ei vasta juuri ennen julkaisua. Näin värejä voi vielä muuttaa korjaamatta työläästi valmista ilmettä.
Kaikkien tärkeiden toimintojen on toimittava näppäimistöllä
Kaikki eivät pysty käyttämään hiirtä tai kosketusnäyttöä luotettavasti. Osa käyttää vain näppäimistöä, puheohjausta tai muuta syöttölaitetta. Linkkien, painikkeiden, valikoiden ja lomakekenttien on siksi oltava saavutettavissa loogisessa järjestyksessä. Sarkainnäppäimellä siirryttäessä kohdistuksen tulisi seurata sivun näkyvää rakennetta. Hyppiminen piilotettuihin alueisiin tai jääminen kiertämään komponentin sisälle tekee yksinkertaisistakin tehtävistä tarpeettoman vaikeita.
Nykyisen kohdistuksen on erotuttava selvästi. Hento varjo, jota tuskin erottaa taustasta, ei riitä. Näppäimistöllä liikkuvan on aina nähtävä, mikä elementti aktivoituu seuraavalla painalluksella. Poista selaimen oletusarvoinen kohdistusmerkintä vain, jos korvaat sen vähintään yhtä selkeällä ratkaisulla. Tämä koskee myös valikoita, evästeikkunoita, hakuehdotuksia ja ponnahdusikkunoita.
Testaa keskeiset asiointipolut kokonaan ilman hiirtä. Avaa navigointi, valitse palvelu, täytä lomake ja sulje kaikki valintaikkunat. Tarkkaile kohtia, joissa kohdistus katoaa tai toiminto onnistuu vain vetämällä, pyyhkäisemällä tai osoittamalla. Tämä yksinkertainen testi paljastaa monia esteitä, joita tavallinen hiiren käyttö ei tuo esiin.
Ymmärrettävä sisältö ohjaa nopeammin oikeaan toimintaan
Saavutettava sisältö kertoo varhain, mitä lukijan on tiedettävä tai tehtävä. Aloita tärkeimmästä asiasta ja selitä sen jälkeen tarvittavat yksityiskohdat. Pitkät johdannot, sisäinen ammattikieli ja epäselvät viittaukset vaikeuttavat suunnistamista. Linkin tekstin pitäisi kertoa kohde: käytä esimerkiksi tekstiä "Asumistukihakemuksen liitteet" ilmauksen "Lisätietoja täällä" sijaan. Näin merkitys säilyy, vaikka linkki luetaan erillään kappaleesta.
Lyhyet virkkeet auttavat, mutta ymmärrettävyys ei tarkoita kaiken sisällön voimakasta yksinkertaistamista. Selitä vieraat käsitteet siellä, missä niitä tarvitaan, ja käytä samaa nimitystä johdonmukaisesti. Jos sivulla puhutaan vuorotellen asiakastilistä, profiilista ja käyttäjäalueesta, syntyy turhaa epävarmuutta. Konkreettiset esimerkit auttavat erityisesti määräajoissa, ehdoissa ja moniselitteisissä valinnoissa, kunhan ne eivät korvaa varsinaista tietoa.
Otsikoiden, kenttänimien ja painikkeiden pitää vastata käyttäjän odotuksia. Painike "Jatka" kertoo vähän, kun taas "Tarkista tiedot" selittää seuraavan vaiheen. Varoituksessa pitäisi nimetä ongelma ja mahdollinen ratkaisu. Ystävällinen ja suora ilmaisu auttaa sekä vähän lukeneita että kiireessä toimivia. Selkeä teksti on siksi olennainen osa käyttöliittymää, ei myöhemmin lisättävä koriste.
Lomakkeet tarvitsevat yksiselitteisiä kysymyksiä ja hyödyllistä palautetta
Lomakkeet ovat yleisimpiä kohtia, joissa käyttäjä poistuu sivustolta. Jokainen kenttä tarvitsee pysyvästi näkyvän nimen, joka kertoo sen tarkoituksen. Kentän sisäinen esimerkki voi auttaa, mutta se ei korvaa kenttänimeä, koska se katoaa kirjoitettaessa. Kysy vain tiedot, joita tehtävä todella edellyttää. Lyhyemmät lomakkeet on helpompi ymmärtää ja täyttää, ja niissä tehdään vähemmän virheitä.
Pakollisten kenttien ja odotettujen muotojen on käytävä ilmi ennen syöttämistä. Jos päivämäärä vaaditaan tietyssä muodossa, näytä selkeä esimerkki. Hyväksy mahdollisuuksien mukaan tavalliset vaihtoehdot sen sijaan, että hylkäät syötteen välilyönnin tai yhdysmerkin vuoksi. Pitkässä prosessissa selkeä etenemisilmaisin auttaa, jos se kertoo käsiteltävän osan ja jäljellä olevien vaiheiden määrän.
Virheilmoituksen on oltava kyseisen kentän lähellä ja kerrottava täsmällisesti, mitä pitää muuttaa. "Virheellinen syöte" jättää käyttäjän yksin, mutta "Anna postinumero viisinumeroisena" tarjoaa ratkaisun. Lähettämisen jälkeen tarvitaan myös yksiselitteinen vahvistus. Siinä pitää kertoa, onnistuiko lähetys ja milloin vastausta voi odottaa.
Kuvat, ääni ja video tarvitsevat yhdenvertaiset vaihtoehdot
Kuvat välittävät usein tietoa, jota ympäröivässä tekstissä ei ole. Vaihtoehtoinen teksti kuvaa lyhyesti sen, mikä on sivun tarkoituksen kannalta tärkeää. Tiimiprofiilin valokuvassa nimi ja tehtävä voivat riittää. Kaavion sanoma ja olennaiset arvot on puolestaan tarjottava myös ilman kuvaa. Puhtaasti koristeelliset kuvat pitäisi ohittaa apuvälineissä, etteivät merkityksettömät tiedostonimet tai toistot pidennä sisältöä.
Video tarvitsee tekstityksen puheelle ja tärkeille äänille. Jos näkyvät tapahtumat eivät käy ilmi ääniraidasta, lisäksi voidaan tarvita kuvailutulkkausta. Tekstivastine tarjoaa toisen käyttötavan ja helpottaa yksittäisten tietojen lukemista ja hakemista. Tekstitykset on tarkistettava huolellisesti, sillä automaattiset versiot sekoittavat usein nimet, ammattitermit ja numerot ja voivat muuttaa merkityksen.
Media ei saa käynnistyä yllättäen äänen kanssa. Liikkuva sisältö on voitava pysäyttää, jos se häiritsee pitkään tai vaikeuttaa lukemista. Vältä myös nopeasti välkkyviä tehosteita ja levottomia siirtymiä. Ohjaimet auttavat vain, jos painikkeet on nimetty ymmärrettävästi ja niitä voi käyttää näppäimistöllä. Näin sisältö palvelee kuulo-, näkö- ja keskittymisrajoitteisia häiritsemättä muita kävijöitä.
Laatu näkyy erityisen selvästi pienillä näytöillä
Monet käyttävät verkkosivustoja pääasiassa älypuhelimella. Siinä yhdistyvät pieni tila, vaihteleva valaistus ja sormella käyttäminen. Kosketuskohteiden on siksi oltava riittävän suuria ja tarpeeksi etäällä toisistaan. Pieni sulkemispainike valintaikkunan reunassa voi olla liikuntarajoitteiselle lähes mahdoton tavoittaa. Hyvin sijoitetut ja selkeästi nimetyt ohjaimet ehkäisevät tahattomia toimintoja.
Sisällön pitää mukautua kapeaan näkymään tärkeiden toimintojen katoamatta. Tarkista erityisesti taulukot, kartat, evästeasetukset ja monitasoiset navigaatiot. Jos tieto näkyy vain viemällä hiiren osoitin elementin päälle, se puuttuu kosketuslaitteista kokonaan. Tarjoa sama toiminto napauttamalla tai näkyvän linkin kautta ja varmista, että avattu sisältö on helppo sulkea.
Laitteen suuntaa ei pidä määrätä ilman hyvää syytä. Jotkut kiinnittävät tabletin tai puhelimen pysyvään telineeseen eivätkä voi kääntää sitä. Vain pystyasennossa toimiva sivu voi siksi muuttua käyttökelvottomaksi. Joustava suunnittelu huomioi nämä tilanteet alusta asti ja yhdistää mobiilikäytettävyyden saavutettavuuteen sen sijaan, että niitä käsiteltäisiin erillään.
Aidot käyttötestit löytävät enemmän kuin automaattiset tarkistukset
Automaattiset tarkistustyökalut löytävät nopeasti puuttuvia nimiä, heikkoja kontrasteja ja tiettyjä rakennevirheitä. Ne ovat hyvä lähtökohta, mutta eivät tunnista, onko navigointi ymmärrettävä tai auttaako virheilmoitus oikeasti. Teknisesti olemassa oleva vaihtoehtoinen teksti voi silti olla hyödytön. Työkalujen tuloksia pitää käsitellä vihjeinä, jotka sivun asiayhteyden ymmärtävä ihminen arvioi.
Täydennä teknistä tarkistusta yksinkertaisilla manuaalisilla kokeilla. Suurenna sivua, käytä sitä vain näppäimistöllä ja kuuntele keskeiset alueet ruudunlukijalla. Vielä arvokkaampia ovat testit ihmisten kanssa, jotka käyttävät arjessaan erilaisia apuvälineitä ja toimintatapoja. Anna heille aito tehtävä, kuten tapahtuman löytäminen tai kyselyn lähettäminen, ja tarkkaile, missä suunnistaminen tai toiminta pysähtyy.
Palaute on asetettava tärkeysjärjestykseen vaikutuksen perusteella. Saavuttamaton varaus tai puuttuva terveystieto on kiireellisempi kuin pieni välistysvirhe. Kirjaa, mikä ongelma esiintyy milläkin sivulla ja keihin se vaikuttaa. Korjauksen jälkeen sama polku on testattava uudelleen. Näin yleisten huomioiden pitkästä listasta syntyy todennettava parannus todelliseen käyttöön.
Saavutettavuus säilyy, kun vastuut ovat selvät
Saavutettava verkkosivusto ei synny kertaluonteisella uudistuksella. Uudet sisällöt, toiminnot ja kampanjat voivat tuoda uusia esteitä milloin tahansa. Jokainen mukana oleva rooli tarvitsee siksi oman vastuunsa. Sisältötiimi huolehtii ymmärrettävistä teksteistä ja kuvauksista, suunnittelijat kontrasteista ja tiloista sekä kehittäjät käytöstä ja teknisestä rakenteesta. Sisällön hyväksyjän on tiedettävä, mitkä perusasiat tarkistetaan ennen julkaisua.
Saavutettavat pohjat ja uudelleenkäytettävät komponentit auttavat. Kun lomakkeet, valintaikkunat ja navigaatiot on jo suunniteltu ja testattu hyvin, tiimien ei tarvitse ratkaista samoja ongelmia uudelleen jokaisella sivulla. Julkaisujärjestelmän pitäisi pyytää välttämättömät tiedot, kuten vaihtoehtoiset tekstit, ymmärrettävästi. Poikkeuksille on silti jätettävä tilaa, sillä monimutkainen kaavio tarvitsee erilaisen kuvauksen kuin koristekuva. Hyvä perusta tekee oikeasta toteutuksesta helpompaa arjessa.
Suurin käytännön hyöty syntyy, kun kävijät voivat hoitaa tärkeät tehtävät ilman vältettävissä olevia esteitä. Aloita käytetyimmistä asiointipoluista, korjaa vakavat esteet ja arvioi vaikutus aitojen käyttäjien kanssa. Näin yksittäisten sivujen saavutettavuuden lisäksi paranee koko palvelun laatu. Osallistava verkkoläsnäolo syntyy, kun ymmärrettävyys, suunnittelu ja tekniikka tukevat yhdessä itsenäistä käyttöä.