Kun kansainvälisesti kasvava kenkäbrändi VIBAe uudisti Shopify-verkkokauppaansa, kyse ei ollut pelkästä ulkoasun päivityksestä. Tavoitteena oli rakentaa verkkokauppa, joka toimii kaikille käyttäjille – sujuvasti, saavutettavasti ja liiketoimintaa tukevasti.
Vuonna 2020 perustettu VIBAe on kasvanut nopeasti globaaliksi toimijaksi, ja jo vuonna 2025 sen liikevaihto oli 17,5 miljoonaa euroa, josta valtaosa syntyi verkkokaupasta. Kun asiakkaita on yli 150 maassa, verkkokaupan toimivuus ei ole vain käyttökokemusasia – se on kriittinen osa liiketoimintaa.
Samalla myös vaatimukset ovat muuttuneet. EU:n esteettömyysdirektiivi (EAA, European Accessibility Act), WCAG-vaatimukset sekä kansainväliset sääntelykehykset, kuten ADA, asettavat selkeät reunaehdot sille, miten verkkopalveluiden tulee toimia. Saavutettavuus ei ole enää vapaaehtoinen lisä, vaan olennainen osa digitaalista liiketoimintaa – erityisesti kansainvälisesti toimiville verkkokaupoille.
Verkkokaupan teknisestä toteutuksesta vastasi Solwe, mutta jo varhaisessa vaiheessa oli selvää, että saavutettavuuden varmistaminen vaatii rinnalleen erikoisosaamista. Tässä kohtaa Avaava tuli mukaan.
“Me Solwella emme tee pelkkiä verkkokauppoja vaan rakennamme Shopify-ratkaisuja, jotka kestävät kansainvälisen kasvun vaatimukset. Tässä projektissa saavutettavuus vietiin osaksi ydintä alusta asti, jotta lopputulos palvelee sekä verkkokaupan käyttäjiä että liiketoimintaa,” kuvaa Solwen ratkaisu- ja markkinointikonsultti Toni Lähteenmäki.
Avaava toi saavutettavuuden osaksi kehitystä – ei jälkikäteen tehtäväksi’
Kun saavutettavuus otetaan mukaan heti projektin alkuvaiheessa, se vaikuttaa kaikkeen – rakenteesta käyttöliittymään ja sisällöistä teknisiin ratkaisuihin. Juuri tämän varmistaminen oli Avaavan keskeinen rooli.
Työ alkoi perusteellisella saavutettavuusauditoinnilla, jossa verkkokauppa käytiin läpi WCAG 2.1 AA -kriteerien mukaisesti. Auditoinnissa tunnistettiin laaja joukko kehityskohteita eri osa-alueilta – navigaatiosta ja rakenteesta aina lomakkeisiin ja sisältöihin asti.
Oleellista oli kuitenkin se, että työ ei jäänyt raportointiin. Avaava purki havainnot yhdessä kehitystiimin kanssa konkreettisiksi toimenpiteiksi ja auttoi priorisoimaan korjaukset niin, että niillä oli aidosti vaikutusta käyttäjäkokemukseen ja liiketoimintaan.
Projektin lopuksi Avaava tuotti saavutettavuusselosteet, jotka eivät ainoastaan täytä vaatimuksia, vaan myös tukevat läpinäkyvää viestintää asiakkaille.
Saavutettavuus käytännössä
Kun saavutettavuutta lähdettiin viemään käytäntöön, huomio kohdistui erityisesti niihin kohtiin, joissa verkkokaupat usein kompastuvat.
Navigointi rakennettiin toimimaan niin, että koko verkkokauppaa voi käyttää pelkällä näppäimistöllä. Tämä toimii usein hyvänä mittarina: jos navigointi toimii ilman hiirtä, saavutettavuuden perusta on kunnossa. Samalla varmistettiin, että käyttöliittymäelementit – kuten modaalit, dropdownit ja filtterit – toimivat loogisesti ja että fokus siirtyy oikein käyttäjän näkökulmasta.
Sisällön saavutettavuus oli yhtä tärkeää. Kuville lisättiin alt-tekstit, otsikkorakenteita selkeytettiin ja lomakkeiden käytettävyyttä parannettiin. Lisäksi kaikki käytössä olevat sovellukset testattiin erikseen, sillä Shopify-ympäristössä juuri lisäosat muodostavat usein suurimman saavutettavuusriskin.
Työn aikana konkretisoitui yksi keskeinen havainto: saavutettavuus ei kaadu suuriin linjoihin, vaan yksityiskohtiin. Jos fokus ei siirry oikein tai rakenne on epälooginen, käyttäjä ei pääse eteenpäin.
VIBAe-verkkokaupan perustaja Hannu Salminen lähestyi aihetta käytännönläheisesti ja näki saavutettavuuden osana hyvää palvelua:
“Jos kivijalkaliikkeeseen ei pääse esteettömästi, verkkokauppaan pitäisi päästä – milloin tahansa, ilman esteitä.”
Hänen mukaansa saavutettavuuden haltuunotto ei vaadi ihmeitä, vaan oikeita valintoja: valitse teema huolella, testaa kaikki sovellukset, testaa verkkokauppa näppäimistöllä ja lisää alt-tekstit kaikkiin kuviin.
Tulokset: parempi kokemus näkyy suoraan liiketoiminnassa
VIBAe-case osoittaa, että saavutettavuus kannattaa ottaa mukaan alusta alkaen. Kun se integroidaan osaksi suunnittelua, toteutusta ja jatkuvaa kehitystä, lopputulos on sekä käyttäjäystävällisempi että liiketoiminnallisesti tehokkaampi.
Ja lopulta vaikutus näkyy selvästi:
- parempi käytettävyys ja asiakaskokemus
- parempi löydettävyys hakukoneissa
- parempi konversio
Toisin sanoen: saavutettavuus ei ole kustannus – se on investointi, joka maksaa itsensä takaisin.