Kuinka suorittaa verkkosaavutettavuustesti

WHO:n mukaan yli miljardi ihmistä maailmanlaajuisesti elää jonkinlaisen vamman kanssa. Se tarkoittaa noin 15:tä prosenttia koko väestöstä! 

Tämän huomioon ottaen on selvää, että meidän on varmistettava, etteivät verkkosovelluksemme estä ketään käyttämästä niitä. Tämä tarkoittaa myös sitä, että meidän tulisi keskittyä suunnittelu- ja testaustyössä saavutettavuuteen.

Kun ajattelet vammaisuutta, mielessäsi saattaa olla tietty mielikuva, mutta todellisuudessa sitä voi esiintyä monissa muodoissa ja se voi olla myös:

• Pysyvä (kuten näkövamma)
• Tilapäinen (kuten korvatulehdus)
• Tilannesidonnainen (kuten vauvaa sylissään pitävä vanhempi)

Nämä vammat voivat rajoittaa sitä, miten ihmiset ovat vuorovaikutuksessa sovellusten ominaisuuksien kanssa. Verkkosaavutettavuuden testaus tulee avuksi tarkistamalla, onko sovellus saavutettava näille erilaisille vammoille.  

Mitä verkkosaavutettavuuden testaus on?

Saavutettavuus, josta käytetään joskus nimitystä a11y, tarkoittaa sellaisten työkalujen, verkkosivustojen ja verkkosisällön luomista, joita kuka tahansa vierailija voi käyttää vammoistaan, toimintarajoitteistaan tai rajoituksistaan riippumatta. Testauksessa saavutettavuustestaus kannattaa ottaa osaksi testausstrategiaa – sitä ei pidä jättää loppuun.

Saavutettavuustestaus on käytettävyystestauksen muoto. Saavutettavuustestauksen avulla testaajat varmistavat, että kaikki käyttäjät, myös esimerkiksi sokeat tai kuulo- ja muista kognitiivisista vaikeuksista kärsivät, voivat käyttää verkkosivustoja ja verkkosovelluksia. Se takaa sisällön saavutettavuuden ilman tavanomaisia vuorovaikutustapoja, kuten hiirtä, näppäimistöä, kosketuslevyä ja niin edelleen.

Mitä saavutettavuuden osa-alueita verkkosaavutettavuuden testit arvioivat?

Verkkosivuston saavutettavuutta tarkistettaessa voi olla hyvä noudattaa verkkosisällön saavutettavuusohjeita (WCAG). WCAG:n määrittelemät saavutettavuuden kolme tasoa ovat

• A: verkkosaavutettavuuden perustaso;
• AA: maailmanlaajuinen saavutettavuusstandardi – tällä hetkellä lakisääteinen vaatimus Yhdysvalloissa ja EU-maissa.
• AAA: tasoista tiukin – koskee yleensä tiettyjä sovelluksia.

WCAG:n mukaan saavutettavuudelle on lisäksi neljä pääperiaatetta. Voit muistaa ne lyhenteen POUR avulla, ja ne ovat

• Havaittava: verkkosivuston käyttäjien pitäisi pystyä havaitsemaan sisältö ja tiedot. Tämä tapahtuu yleensä visuaalisesti, mutta näkövammaiset voivat havaita sisällön ruudunlukuohjelman avulla.
• Käytettävä: käyttäjien on pystyttävä olemaan vuorovaikutuksessa verkkosivun elementtien kanssa ja navigoimaan helposti sivujen välillä.
• Ymmärrettävä: sisällön, olipa se graafista tai kirjallista, pitäisi olla helposti ymmärrettävää.
• Vankka: tämä tarkoittaa, että verkkosovelluksen pitäisi toimia oikein useilla laitteilla, mukaan lukien avustava teknologia.

Miksi verkkosaavutettavuuden testaus on tärkeää?

Miksi saavutettavuutta on siis tärkeää testata? 

Minulle tärkein syy on inkluusio. Varmistamalla verkkosivuston tai verkkosovelluksen saavutettavuuden varmistamme, ettemme sulje ketään sisällön ulkopuolelle tai estä ketään käyttämästä ominaisuuksia. Tämä tarkoittaa parempaa käyttäjäkokemusta kaikille potentiaalisille asiakkaille.

Tämän seurauksena se voi myös tuottaa voittojen kasvua – Click-Away Pound -kyselyn mukaan 82 % käyttäjistä, joilla on saavutettavuustarpeita, käyttäisi verkkosivustolla enemmän rahaa, jos se olisi saavutettavampi. 

Viimeisenä, mutta ei suinkaan vähäisimpänä, saavutettavuutta on tärkeää testata, jotta voidaan noudattaa verkkosaavutettavuutta koskevia lakeja ja standardeja.  

Miten verkkosaavutettavuutta testataan?

Siirrytään varsinaiseen testaukseen. Yksi parhaista käytännöistä on aloittaa saavutettavuustestaus varhaisessa vaiheessa kehityssykliä. Näin havaitut saavutettavuusongelmat voidaan korjata helpommin. Jos testaaminen jätetään loppuun, edessä voi olla paljon uudelleentyötä. Testaus voidaan tehdä manuaalisesti tai käyttämällä verkkosaavutettavuuden testaustyökaluja. 

Verkkosivuston saavutettavuuden tarkistuslista

Alla on joitakin keskeisiä asioita, jotka on otettava huomioon verkkosivuston saavutettavuutta arvioitaessa. Ne voidaan tarkistaa manuaalisella tai automaattisella testauksella:

• Näppäimistösaavutettavuus: voitko navigoida verkkosivustollasi käyttämättä hiirtä? Tämä tarkoittaa, että jokaisen linkin, painikkeen tai syöttökentän on oltava käytettävissä sarkaimella, nuolinäppäimillä, välilyönnillä ja Enter-näppäimellä. Näppäimistöllä käytettävät verkkosivustot ovat helposti käytettävissä avustavilla teknologioilla, kuten ruudunlukijoilla, puheohjauksella tai kytkimillä.
• Navigointirakenne: Voit testata tätä painamalla sarkainta tai Shift+sarkain-näppäinyhdistelmää. Navigoinnin tulisi olla johdonmukaista, järjestyksen tulisi noudattaa valikoiden ja vuorovaikutteisten elementtien esitysjärjestystä, ja valikoiden tulisi pysyä samassa paikassa myös sen jälkeen, kun käyttäjä siirtyy toiselle sivulle. 
• Yhteensopivuus ruudunlukijoiden kanssa: onko verkkosivuston sisältö käytettävissä ruudunlukijalla? Ja jos on, onko järjestys oikea?
• Videoiden ja podcastien tekstitykset ja tekstiversiot: Ne ovat tarpeen, jotta kuulovammaiset voivat ymmärtää, mitä sanotaan. Ne ovat hyödyllisiä myös tilapäisissä tilanteissa, kuten meluisassa ympäristössä, jossa äänisisällön seuraaminen on vaikeaa.
• Zoomaus ja suurentaminen: näkövammaisten on pystyttävä navigoimaan verkkosivun sisällössä ja käyttämään sitä. Voit käyttää selainten sisäänrakennettua zoomausta (Windowsissa Ctrl+-näppäimellä tai Macissa Cmd+-näppäimellä) varmistaaksesi, että verkkoelementit näkyvät asianmukaisesti, ovat helposti luettavia ja käytettävissä.
• Värikontrasti: jotkut käyttäjät voivat olla herkkiä väreille, joten on tärkeää, etteivät verkkosivujen kontrastit ole liian voimakkaita. Samalla on kuitenkin huomioitava, että riittämätön kontrasti voi vaikeuttaa joidenkin elementtien havaitsemista näkövammaisille käyttäjille. WCAG tarjoaa erityiset kontrastia koskevat ohjeet.
• Navigoinnin ohittaminen: Varmista, että verkkosivustolla on “Siirry pääsisältöön”- tai “Siirry sisältöön”-toiminto. Tämä voi auttaa näppäimistöä käyttäviä siirtymään suoraan pääsisältöön ilman, että heidän tarvitsee selata sarkaimella kaikkia käytettävissä olevia valikoita, painikkeita ja kenttiä.
• Vaihtoehtoiset tekstit: Kaikella ei-tekstimuotoisella sisällöllä tulisi olla vaihtoehtoinen teksti, jotta ruudunlukijat voivat lukea kuvat.
• Vilkkuvat valot tai välkkyvät kirkkaat elementit: vilkkuvat tai välkkyvät elementit voivat aiheuttaa kohtauksia epilepsiaa tai muita sairauksia sairastaville käyttäjille. Ne antavat verkkosivustoille yleensä huonon maineen, mutta jos niitä on välttämätöntä käyttää, varmista, ettei vilkkuminen ole niin voimakasta, että se voi laukaista kohtauksen.

Miten kuormitustestaus parantaa saavutettavuutta?

Kuormitustestaus on olennainen työkalu verkkosivuston saavutettavuuden testaamisessa. Sen avulla kehittäjät ja testaajat voivat arvioida, miten verkkosivusto toimii erilaisilla kuormitustasoilla tai käyttäjämäärillä. Simuloimalla suurta määrää samanaikaisia sivuston käyttäjiä kuormitustestauksella voidaan tunnistaa suorituskyvyn pullonkauloja tai ongelmia, jotka voivat heikentää vammaisten käyttäjien saavutettavuutta.

Yksi verkkosivuston saavutettavuuden testauksen tärkeimmistä tavoitteista on varmistaa, että kaikki käyttäjät toimintakyvystään riippumatta voivat käyttää verkkosivustoa ja navigoida sillä tehokkaasti. Kuormitustestauksella on keskeinen rooli tämän tavoitteen saavuttamisessa, sillä sen avulla arvioidaan, miten hyvin sivusto toimii raskaassa kuormituksessa. Simuloimalla suurta määrää samanaikaisia käyttäjiä kuormitustestaus voi paljastaa mahdollisia ongelmia, joita voi ilmetä, kun useat vammaiset käyttäjät käyttävät sivustoa samanaikaisesti.

Kuormitustestaus voi auttaa tunnistamaan suorituskykyongelmia, jotka voivat vaikuttaa verkkosivuston saavutettavuuteen. Jos verkkosivuston lataaminen esimerkiksi kestää liian kauan tai sivusto lakkaa vastaamasta, kun useat käyttäjät käyttävät sitä, tämä voi heikentää huomattavasti avustaviin teknologioihin tukeutuvien vammaisten käyttäjien käyttökokemusta. Erityisesti kuormitustestaustyökalut voivat auttaa paikantamaan nämä suorituskyvyn pullonkaulat, jolloin kehittäjät voivat optimoida sivuston ja varmistaa, että se pysyy saavutettavana myös raskaassa kuormituksessa.

Verkkosivuston saavutettavuuden testaustyökalut

Onneksi verkossa on saatavilla monia työkaluja, joiden avulla voidaan tunnistaa verkkosivuston saavutettavuusongelmia ja varmistaa sen WCAG-standardien mukaisuus.

Jotkin työkalut voidaan asentaa selaimen laajennuksiksi, ja ne tarjoavat yleensä helppoja tarkistuksia saavutettavuusvirheiden löytämiseksi, kun taas toiset työkalut voivat auttaa toteuttamaan automaattisen saavutettavuustestausprosessin. Alla mainitaan joitakin huomionarvoisimpia työkaluja.

• Axe DevTools: Axe voidaan asentaa selaimeen, ja se on käytettävissä Kehittäjän työkalut -näkymän välilehtenä. Se tarjoaa saavutettavuuteen liittyviä tietoja esimerkiksi puuttuvista vaihtoehtoisista teksteistä ja värikontrastista.

• Wave: Wave on verkkosivustojen esteettömyyden arviointityökalu, joka on saatavilla sekä verkossa että selainlaajennuksena. Se tarjoaa samankaltaisia tietoja kuin Axe. 
• AccessiBe: AccessiBeä voidaan käyttää ADA-vaatimustenmukaisuuden automaattiseen tarkistamiseen, ja se on myös integroitu muihin työkaluihin, kuten Jiraan ja AWS:ään.
• Google Lighthouse: Lighthouse tarjoaa useita tarkistuksia, jotka käsittelevät erilaisia WCAG-standardeja. Niiden perusteella se arvioi verkkosivustosi esteettömyyden ja antaa suosituksia muutosten tekemiseen.

Tärkeimmät opit

Esteettömyystestauksessa tarkastellaan, kuinka helppoa verkkosivustoilla on navigoida, käyttää niitä ja ymmärtää niiden sisältöä. Esteettömyydestä hyötyvät kaikki, mukaan lukien ikääntyneet ihmiset, lapset, vasenkätiset henkilöt ja tilapäisissä tilanteissa olevat ihmiset, joiden yksi tai useampi aisti on heikentynyt. 

Jos pidit tästä artikkelista, mikset tilaisi QA Lead Newsletter -uutiskirjettä pysyäksesi ajan tasalla kaikista testaukseen liittyvistä uutisista, artikkeleista ja työkaluista?