Kattava verkkokauppa: suunnittelu kaikille ostajille

Sen pitäisi olla itsestään selvää, mutta verkkosivustosi helpottaminen on todella hyvä asia sekä markkinoiden että yrityksesi kannalta. Tässä artikkelissa selitän, miksi näin on ja miksi verkkokauppasivustosi avaaminen kaikille ostajille kannattaa käyttää aikaa ja investointeja heidän saavutettavuuteen liittyvistä haasteista riippumatta.

Miksi saavutettavuus on niin tärkeää? Puretaan se:

1. Se on lain edellyttämä
Kesäkuusta 2025 alkaen EAA (European Accessibility Act) on pantava täytäntöön EU:n jäsenmaissa. Tämä tarkoittaa, että vammaisten, vammaisten tahansa, pitäisi voida tehdä ostoksia verkossa kuten kaikkien käyttäjien. Tätä varten alustan, verkkosivuston tai verkkokaupan on noudatettava Web Content Accessibility Guidelines (WCAG) -ohjeiden tasoa 2.1/AA. (Poikkeuksen tekevät kuitenkin pienemmät yritykset, joiden liikevaihto on alle 2 miljoonaa euroa vuodessa ja joiden palveluksessa on alle 10 henkilöä.). Myös muualla maailmassa on muita lakeja, jotka edellyttävät saavutettavuutta verkossa.

2. Laajennat kohdeyleisöäsi ja markkinoitasi automaattisesti.
Tutkimukset, kuten Click-away pound -tutkimus, ovat osoittaneet, että suurin osa asiakkaista, joilla on esteettömyyshaasteita, jättää verkkosivuston, johon he eivät pääse.

3. Konversioprosentit paranevat mitä todennäköisimminVerkkokauppojen tekeminen vammaisten saataville auttaa muita käyttäjiä, kuten niitä, joilla on hitaammat internetyhteydet tai vanhemmat laitteet

4. Google ja tekoäly rakastavat sinua
Hakukoneet priorisoivat verkkosivustot, jotka ovat helppokäyttöisiä ja tarjoavat hyvän käyttökokemuksen. AI indeksoi verkon samalla tavalla.

5. Se on oikein tehdä
Kaikki ansaitsevat yhtäläisen pääsyn!

Mistä vammoista tarkalleen ottaen puhumme?

Yleensä kun puhumme saavutettavuudesta ja verkosta, keskitymme niihin, joilla on osittainen tai täydellinen näön menetys. Nämä käyttäjät ovat yleensä melko tottuneet erilaisiin näytönlukijoihin ja monet ovat erittäin hyviä tiedonhakuun ja digitaalisten palvelujen käyttämiseen, edellyttäen tietysti, että ne on mukautettu näytönlukulaitteille. On kuitenkin monia muita haasteita, jotka vaikuttavat siihen, miten käyttäjät kokevat verkkosivuston, ja ne vaihtelevat värisokeudesta lukihäiriöön ja erilaisiin aistinvaraisiin ylikuormitusongelmiin. Monia näistä voidaan luonnehtia “näkymättömiksi” haasteiksi, mutta ne aiheuttavat kuitenkin merkittäviä ongelmia monille ihmisille. Arviolta 15 prosentilla ihmisistä, joilla on jokin vamma, näiden näkymättömien haasteiden osuus on jopa 80 prosenttia.

Mistä aloitan?

Yritä ensin asettaa itsesi sellaisen henkilön asemaan, jolla on esteettömyyshaasteita. Vinkki on käyttää selainlaajennusta, kuten Funkify , jota voit kokeilla ilmaiseksi. Kun käytät mitä tahansa verkkosivustoa, jossa on tämä asennettuna, koet sen kuten vammainen käyttäjä. Sähköiselle kaupankäynnille värisokeus on haaste ja sitä varten on olemassa erityisiä simulaattoreita ja arviointityökaluja, kuten Toptalin ”värisokea web-sivusuodatin”.

Sitten suosittelen tutustumaan johonkin monista esteettömyyssivustoista, kuten a11y Project -sivustosta .

OK, mutta entä asioiden koodaus ja alustapuoli?

Toiseksi, tarkasta verkkokaupparatkaisusi yhdellä monista tähän tarkoitukseen käytettävissä olevista työkaluista. Voin suositella Wave Chrome -laajennustyökalua, joka näyttää visuaalisesti, mitkä sivun elementit eivät ole yhteensopivia, ja luo raportin.

Jos olet suunnittelu- tai kehitysvaiheessa, on hyvä idea tarkistaa värikontrastit ja kirjasinten näkyvyys työkalulla, kuten colorcontrast.cc .

Useimmat kaupalliset sähköisen kaupankäynnin alustat tekevät melko hyvää työtä, mutta esityskerroksen korjauksissa tapahtuu paljon, joten muista käyttää uusinta versiota.

Onko ehdotuksia nopeiksi korjauksiksi? On olemassa useita hyvin yleisiä ongelmia:

1. Huono sivuston rakenne – Jos sivusto ei käytä otsikoita tai esitä tietoja loogisessa järjestyksessä, näytönlukuohjelmia käyttävät vierailijat eivät voi skannata sisältöä löytääkseen tarvitsemansa tiedot.
2. Riittämätön värikontrasti – Kun väriparien kontrasti on riittämätön tai kun tietoja käytetään pelkällä värillä, teksti voi olla vaikeaa tai mahdotonta näkövammaisten käyttäjien lukea.
3. “Lue lisää” -linkit - Linkkien nimien päivittäminen vastaamaan kohdesivun sisällön kontekstia auttaa vammaisia ​​käyttäjiä ymmärtämään tarkasti, minne linkin napsauttaminen johtaa.
4. Kuvista puuttuvat ALT-tekstit – Kuvista, kuvituksista ja kaavioista ei ole järkeä näkövammaisille verkkosivuston vierailijoille ilman asianmukaisia ​​kuvauksia kontekstin tarjoamiseksi.
5. Riittämätön tai sotkuinen näppäimistönavigointi - Näppäimistön navigoinnin avulla jokainen verkkosivun interaktiivinen elementti voidaan valita sarkainnäppäimellä, mikä mahdollistaa täyden pääsyn ja parantaa käytettävyyttä fyysisesti vammaisille verkkosivuston vierailijoille.
6. Verkkolomakkeet, joita ei voi käyttää – Helppokäyttöiset lomakkeet tarjoavat selkeän yhteyden tarrojen ja niitä vastaavien kenttien välillä sekä vaihtoehdot lomakkeiden täyttöaikojen pidentämiseksi.

Tämä oli hyvin lyhyt johdatus saavutettavuuteen. Jos haluat oppia lisää, katso tallenne äskettäisestä webinaaristani tästä tärkeästä aiheesta täällä !

Onnea!
/David Aler, strategi

Haluatko lisää vinkkejä ja tarvitsetko apuamme verkkokauppasi kehittämiseen? Ota yhteyttä Johan Cassel, myyntipäällikkö, 070-494 24 60 tai osoitteeseen johan.cassel@cloudnine.se