Kuinka Ecwidin esteettömästä verkkokaupan mallista tuli hitti

Digitaalisten markkinoiden kauneus piilee sen mahdollisuuksissa, joita fyysiset rajat eivät rajoita. Eikö siihen pääsemisen pitäisi olla sujuvaa ilman esteitä?

Me Ecwid by Lightspeedissä tunnustamme esteettömyyden tärkeyden – siksi verkkokauppa-alustamme noudattaa Americans with Disabilities Actin eli ADA:n standardeja.

Kyse ei ole vain inklusiivisuuden valintaruudun merkitsemisestä – se osui verkkokauppojen omistajiin.

Yksi suunnittelumalli erityisesti Ecwid-myymälöille osoittautui hitiksi helppokäyttöisen suunnittelunsa ansiosta. Nyt se on mene vaihtoehto yrittäjille, jotka haluavat liikkeidensä olevan sekä helppokäyttöisiä että avoimia kaikille.

Mitä verkon saavutettavuus tarkoittaa verkkokaupoissa ja miksi se on tärkeää

Helppokäyttöisyys ei ole ominaisuus; se on välttämättömyys. Se tunnustaa kykyjen kirjon ja varmistaa, että vammat eivät estä ketään käyttämästä digitaalisia alustoja.

Yleiset esteettömyysvaatimukset koskevat visuaalisia, kuulo-, motorisia ja kognitiivisia kykyjä. Tämä sisältää yhteensopivuuden varmistamisen aputekniikoiden, kuten näkövammaisten henkilöiden näytönlukijoiden tai vaihtoehtoisen näppäimistön navigoinnin kanssa motoristen vammaisten henkilöiden kanssa.

Yleinen väärinkäsitys on, että esteettömyyttä tarvitaan vain pysyvästi vammaisille. Se palvelee myös tilapäisiä vaurioita, kuten käsivarren murtumaa tai silmäleikkauksesta toipumista.

Helppokäyttöinen verkkosivusto hyödyttää kaikenlaisia ​​käyttäjiä. Esimerkiksi vauvaa pitelevä vanhempi hyötyisi myös a helppokäyttöinen käyttöliittymä, joka vaatii vain vähän hiiren tai näppäimistön käyttöä.

Esteetön verkkokauppa tarkoittaa laajemman yleisön ja potentiaalisten asiakkaiden tavoittamista. Se myös edistää inklusiivisuutta ja luo viihtyisämmän ympäristön kaikille verkkosivuston vierailijoille.

Yhteiset ohjeet saavutettavuuden varmistamiseen

- Amerikkalaiset vammaisten Act (ADA) on a tunnettu laki, joka suojelee vammaisia ​​henkilöitä syrjinnältä. Tämä ulottuu myös digitaaliseen tilaan, ja monilla mailla on omat esteettömyysohjeet verkkosivustoille ja verkkoalustoille.

- Verkkosisällön saavutettavuusohjeet (WCAG) on laajalti käytetty kehys esteettömän verkkosisällön luomiseen. Se sisältää neljä periaatetta: havaittava, toimiva, ymmärrettävä ja vankka. Nämä periaatteet kattavat joukon esteettömyystarpeita ja tarjoavat kehittäjille erityisiä ohjeita.

Voimistuminen saavutettavuuden kautta

Vuonna 2020 Lightspeed-tiimi ryhtyi vapaaehtoisesti luomaan esteettömän, kaksikielisen verkkokaupan Summit School Montrealissa, organisaatio, joka auttaa neurodivergenttejä opiskelijoita saavuttamaan potentiaalinsa.

Sitten, kun Lightspeed lisäsi Ecwidin valikoimaansa, yhdistimme yhteen ja uudistimme Summit Schoolin verkkosivuston rakentaen Summit Marketplace Ecwidin kanssa. Summit Marketplace esittelee Summit Schoolin kehitystyön monipuolisten käsityöläisten, taiteilijoiden ja yrittäjien töitä.

Kuten ehkä jo tiedät, Ecwid tarjoaa kaikille käyttäjille pikasivuston, a ilmainen verkkokauppasivusto kanssa sisäänrakennettu verkkokauppa. Pikasivustoille on olemassa erilaisia ​​malleja, jotka on räätälöity eri markkinaraon mukaan.

Helppokäyttöisen verkkosivuston luominen Summit Schoolille inspiroi meitä luomaan uuden Instant Site -mallin.

Kuten edellä mainittiin, Ecwid oli jo ADA-yhteensopiva ja tarkistanut kaikki WCAG:n ruudut. Mitä siis tarkalleen ottaen päätimme käsitellä tällä kertaa?

Esteettömät verkkosivustot koskevat seuraavaa: esteettömyysominaisuuksien sisällyttäminen edellyttää joskus verkkosivuston esteettisyyden uhraamista. Esimerkiksi värien, kontrastin ja kirjasinkoon tasapainottaminen voi olla haastavaa.

Myös WCAG-testit voivat joskus antaa ristiriitaisia ​​tuloksia, kuten alla olevassa esimerkissä. Mustalla tekstillä varustetun painikkeen katsotaan läpäisevän testin, mutta todellisuudessa se on haastavampi lukea kuin sama painike, jossa on valkoista tekstiä.

Pelkkä ohjeiden noudattaminen ei riitä. Tavoitteenamme oli kehittää malli, joka ei ole vain saavutettavissa, vaan myös visuaalisesti houkutteleva, mikä varmistaa helpon navigoinnin tinkimättä sivuston estetiikasta. Kannatamme ajatusta, että esteettömyyden tulee myös ilmentää kauneutta.

Samalla uskomme, että esteettömyyttä ei pidä uhrata esteettisyyden vuoksi. Mallimme todistaa, että on mahdollista luoda sekä helppokäyttöinen että visuaalisesti houkutteleva verkkosivusto.

Kaikki sivustolla, tekstin koosta aina liikkumisen helppouteen, toimii kaikille. Nyt se on yksi suosituimmista verkkokauppamalleistamme kaikkien pikasivustojen mallien joukossa!

Muuten, Ecwid-verkkokauppaalusta on asiakkaiden, mutta myös myyjien käytettävissä. Ecwid-järjestelmänvalvoja, jossa hallinnoit verkkokauppaasi, on myös suunniteltu esteettömyyttä ajatellen. Tämä helpottaa vammaisten yritysten omistajien verkkokauppojen tehokasta toimintaa.

Tässä on mitä näkövammainen Ecwid-myyjä kertoi Ecwid-myymälästään:

”Haluan suuret kiitokset upeasta myymälästä, jota on helppo hallita näkövammaisille myyjille! Eikä vain verkkosivusto, vaan myös sovellus on käytettävissäsi, mikä ei aina pidä paikkaansa!"

Kuinka Ecwid varmisti, että Instant-sivustomalli on käytettävissä

Esteettömyys ei ole vain standardien noudattamista – se tarkoittaa sitä, että todelliset ihmiset eivät kohtaa esteitä käyttäessään verkkosisältöä. Miten Ecwid saavutti tämän?

• Korkean kontrastin malli: Visuaalinen selkeys oli etusijalla, minkä ansiosta näkövammaiset käyttäjät pystyivät nopeasti erottamaan tekstin ja muut elementit.
• Näkyvä myymälän painopiste: Asettelu rakennettiin siten, että tuotteet ja julkisivu korostuvat ilman tarpeettomia häiriötekijöitä tai lisäselailua.
• Laajennetut elementit: Suuria kuvia ja fontteja ei käytetty pelkästään esteettisen houkuttelevuuden vuoksi, vaan myös näkövammaisten käyttäjien mukauttamiseen.

On tärkeää huomata se kaikki Instant Site -mallit ovat käytettävissä. Kyseinen malli on suunniteltu esteettömyyden ensisijaiseksi painopisteeksi, mutta samalla se teki siitä tyylikkään ja kauniin. Jälkimmäinen saattaa olla vaikea toteuttaa sivuston saavutettavuuden varmistamisessa, koska suunnitteluelementit voi olla helppo jättää huomiotta toimivuuden puolesta. Mallillamme onnistuimme kuitenkin saavuttamaan molemmat.

Kuinka tehdä verkkokaupastasi saavutettavissa

Helppokäyttöisen verkkokaupan toteuttaminen saattaa tuntua pelottavalta, mutta todellisuudessa se ei ole sitä. Se alkaa valitsemalla esteettömän verkkosivustomallin, kuten minkä tahansa Ecwidin Instant Site -mallin.

Tässä on muutamia lisävinkkejä, joiden avulla voit parantaa verkkokauppaasi:

• Anna kuville kuvaava vaihtoehtoinen teksti: Näkövammaisille käyttäjille vaihtoehtoinen teksti kuvaa kuvaa.
• Sisällytä näppäimistönavigointi ja pikanäppäimet: Näin henkilöt, jotka eivät voi käyttää hiirtä, voivat navigoida verkkosivustollasi näppäimistön avulla.
• Valitse värit huolellisesti: Vältä pelkän värin käyttöä tiedon välittämiseen, sillä joillakin henkilöillä voi olla vaikeuksia erottaa tiettyjä värejä.
• Ilmoita esteettömästä tilasta: Kerro asiakkaillesi, että myymäläsi tukee esteettömyystilaa.

Valitsemalla Ecwidin ennalta suunniteltu malleja, aloitat käytettävissä olevalla perusviivalla. Mukautukset ovat tervetulleita, mutta pidä silmällä saavutettavuuden ylläpitämistä.

Kun luot verkkosivustoa tyhjästä, on tärkeää ottaa huomioon esteettömyys kaikille käyttäjille. Tämä tarkoittaa, että aloitetaan saavutettavasta lähtötasosta käyttämällä malleja tai ohjeita, kuten WCAG, ADA tai vastaavat standardit.

Mutta näiden ohjeiden lisäksi on myös tärkeää ymmärtää asiakaskuntasi erityistarpeet.

Jos tuotteesi sopivat esimerkiksi värisokeudesta kärsiville henkilöille, painopisteen tulee olla voimakkaan kontrastin tarjoaminen painikkeiden värien ja tekstin välillä navigoinnin ja ostamisen helpottamiseksi.

Alla olevat kuvat osoittavat, miksi tällaisia ​​asiakkaita palvelevat verkkokaupat tarvitsevat voimakkaan kontrastin painikkeiden värien ja tekstin välillä, jotta he voivat erottaa vaihtoehdot ja tehdä ostoksia.

Vastaavasti, jos kohdeyleisösi kuuluu liikuntarajoitteisia henkilöitä, helpon navigoinnin varmistaminen äänikomennoilla voi parantaa heidän selauskokemustaan ​​huomattavasti.

Tarkista sivustosi säännöllisesti Google Lighthousen kaltaisilla työkaluilla nähdäksesi, kuinka helposti myymäläsi on. Asioiden jatkuva arvioiminen ja parantaminen on ratkaisevan tärkeää, jotta voidaan luoda kutsuva verkkotila kaikille.

Paketoida

Ecwidin helppokäyttöinen verkkokauppaalusta on enemmän kuin voitto tuotteelle; Kyse on siitä, että verkkokaupankäynti on helppoa kaikille. Ecwid auttaa verkkokauppojen omistajia saamaan kaiken irti yrityksestään. Mikä tärkeintä, se varmistaa, että jokainen asiakas voi saada sujuvan ostokokemuksen heidän kyvyistään riippumatta.

Muista, että esteettömässä suunnittelussa ei ole kyse vain vaatimustenmukaisuudesta – se tarkoittaa kattavan ja kutsuvan verkkotilan luomista kaikille. Älä siis epäröi tehdä aloitetta ja tehdä verkkosivustostasi helpommin saavutettavissa! Tehdään töitä kohti digitaalista maailmaa, joka on aidosti avoin ja osallistava kaikille.

• Inspiroivia Ecwid Instant -sivustoesimerkkejä
• Ecwid Instant -sivusto, jossa on valmiita teemoja ja 99+ suunnitteluvaihtoehtoa
• Uudet Ecwid-suunnitteluasetukset: kymmeniä mukautusvaihtoehtoja, ei koodausta
• Verkkokauppamallin valitseminen sivustollesi
• Kattava opas Ecwid-myymäläsi suunnittelun mukauttamiseen
• Ilmaisen verkkokauppasivustosi suunnittelu tyhjästä
• Kuinka Ecwidin esteettömästä verkkokaupan mallista tuli hitti