Hvordan Ecwids tilgængelige onlinebutiksskabelon blev et hit

Skønheden ved den digitale markedsplads ligger i dens potentiale ubegrænset af fysiske grænser. Burde det ikke være problemfrit at få adgang til det uden forhindringer?

Hos Ecwid by Lightspeed anerkender vi vigtigheden af ​​tilgængelighed - det er derfor, vores e-handelsplatform følger standarder udstedt under Americans with Disabilities Act eller ADA.

Det handler ikke kun om at sætte kryds i en boks for inklusivitet - det ramte en akkord hos ejere af onlinebutikker.

En designskabelon til især Ecwid-butikker viste sig at være et hit takket være dets tilgængelige design. Nu er det gå til mulighed for iværksættere, der ønsker, at deres butikker både skal være nemme at bruge og åbne for alle.

Hvad webtilgængelighed betyder for onlinebutikker, og hvorfor det er vigtigt

Tilgængelighed er ikke en funktion; det er en nødvendighed. Den anerkender spektret af evner og sikrer, at handicap ikke afholder nogen fra at bruge digitale platforme.

Fælles tilgængelighedskrav vedrører visuelle, auditive, motoriske og kognitive evner. Dette omfatter sikring af kompatibilitet med hjælpeteknologier såsom skærmlæsere til personer med synshandicap eller alternativ tastaturnavigation for personer med motoriske handicap.

Det er en almindelig misforståelse, at tilgængelighed kun er nødvendig for personer med permanente handicap. Det tager også højde for midlertidige svækkelser, såsom at have en brækket arm eller at komme sig efter en øjenoperation.

En tilgængelig hjemmeside er til gavn for alle slags brugere. For eksempel vil en forælder, der holder en baby, også have gavn af en brugervenlig grænseflade, der kræver minimal brug af mus eller tastatur.

En tilgængelig netbutik betyder at nå ud til et bredere publikum og potentielle kunder. Det fremmer også inklusivitet og skaber et mere imødekommende miljø for alle besøgende på webstedet.

Fælles retningslinjer for at sikre tilgængelighed

Americans with Disabilities Act (ADA) er en Kendt lov, der beskytter personer med handicap mod diskrimination. Dette strækker sig også til det digitale rum, og mange lande har deres eget sæt af retningslinjer for tilgængelighed for websteder og online platforme.

Retningslinjer for tilgængelighed på webindhold (WCAG) er en meget brugt ramme til at skabe tilgængeligt webindhold. Den omfatter fire principper: opfattelig, funktionsdygtig, forståelig og robust. Disse principper dækker en række tilgængelighedsbehov og giver specifikke retningslinjer for udviklere at følge.

Empowerment gennem tilgængelighed

I 2020 meldte Lightspeed-teamet sig frivilligt til at skabe en tilgængelig, tosproget onlinebutik for Summit Skole i Montreal, en organisation, der hjælper neurodivergerende studerende med at nå deres potentiale.

Så, da Lightspeed føjede Ecwid til deres lineup, slog vi os sammen og fornyede Summit Schools hjemmeside og byggede en Summit Marketplace med Ecwid. Summit Marketplace fremviser værker af udviklingsmæssigt forskellige håndværkere, kunstnere og iværksættere fra Summit School.

Som du måske allerede ved, giver Ecwid alle brugere et øjeblikkeligt websted, en gratis e-handelswebsted med en indbygget netbutik. Der er forskellige skabeloner til Instant Sites, der er skræddersyet til forskellige nicher.

Oprettelse af en tilgængelig hjemmeside for Summit School inspirerede os til at lave en ny Instant Site-skabelon.

Som nævnt ovenfor var Ecwid allerede ADA-kompatibel og markeret alle boksene for WCAG. Så hvad besluttede vi os for at tage fat på denne gang?

Her er en ting om tilgængelige websteder: Inkorporering af tilgængelighedsfunktioner kommer nogle gange med at ofre webstedets æstetik. For eksempel kan det være en udfordring at balancere farve, kontrast og skriftstørrelse.

WCAG-tests kan også nogle gange vise blandede resultater, som i eksemplet nedenfor. En knap med sort tekst opfattes som bestået testen, men i virkeligheden er den mere udfordrende at læse end den samme knap med hvid tekst.

Det er ikke nok blot at følge retningslinjerne. Vores mål var at udvikle en skabelon, der ikke kun er tilgængelig, men også visuelt tiltalende, hvilket sikrer nem navigation uden at gå på kompromis med hjemmesidens æstetik. Vi går ind for ideen om, at tilgængelighed også skal legemliggøre skønhed.

Samtidig mener vi, at tilgængelighed ikke skal ofres for æstetikken. Vores skabelon beviser, at det er muligt at have både en tilgængelig og visuelt tiltalende hjemmeside.

Alt på siden, fra tekststørrelsen til hvor nemt det er at komme rundt, fungerer for alle. Nu er det en af ​​vores mest populære online butiksskabeloner blandt alle skabeloner til Instant Sites!

Forresten er Ecwid e-handelsplatformen tilgængelig ikke kun for kunder, men også for sælgere. Ecwid-administratoren, hvor du administrerer din onlinebutik, er også designet med tilgængelighed i tankerne. Dette gør det nemmere for virksomhedsejere med handicap at drive deres onlinebutikker effektivt.

Her er hvad en Ecwid-sælger, der tilfældigvis er svagtseende, fortalte om driften af ​​deres Ecwid-butik:

“Jeg vil gerne takke dig mange gange for en fantastisk butik, der er praktisk at administrere for sælgere med nedsat syn! Og ikke kun hjemmesiden, men også appen er tilgængelig for dig, hvilket ikke altid er tilfældet!”

Hvordan Ecwid sikrede, at Instant Site-skabelonen er tilgængelig

Tilgængelighed handler ikke kun om overholdelse af standarder – det handler om, at rigtige mennesker ikke møder nogen barrierer, når de engagerer sig i onlineindhold. Hvordan opnåede Ecwid dette?

• Skabelon med høj kontrast: Visuel klarhed var en prioritet, hvilket gjorde det muligt for brugere med nedsat syn hurtigt at gennemskue teksten og andre elementer.
• Fremtrædende fokus på butiksfacade: Layoutet var struktureret til at fremhæve produkterne og butiksfacade uden unødvendige distraktioner eller behov for yderligere rulning.
• Forstørrede elementer: Store billeder og skrifttyper blev ikke kun brugt for æstetisk appel, men for at imødekomme brugere med synshandicap.

Det er vigtigt at bemærke det alle Instant Site-skabeloner er tilgængelige. Den pågældende skabelon er designet med tilgængelighed som det primære fokus, samtidig med at den gjorde den slank og smuk. Det sidste kan være svært at gøre, når man skal sikre et websteds tilgængelighed, da det kan være nemt at overse designelementer til fordel for funktionalitet. Men med vores skabeloner var vi i stand til at opnå begge dele.

Sådan gør du din onlinebutik tilgængelig

Implementering af en tilgængelig onlinebutik kan virke skræmmende, men det er det faktisk ikke. Det starter med at vælge en tilgængelig hjemmesideskabelon, som enhver af Ecwids Instant Site-skabeloner.

Her er nogle yderligere tips til at gøre din onlinebutik mere tilgængelig:

• Angiv beskrivende alternativ tekst til billeder: For brugere med synshandicap beskriver alt-tekst billedet.
• Inkluder tastaturnavigation og genveje: Dette giver personer, der ikke kan bruge en mus, til at navigere på dit websted ved hjælp af tastaturet.
• Vælg farver med omhu: Undgå at bruge farver alene til at formidle information, da nogle personer kan have svært ved at skelne mellem specifikke farver.
• Annoncer tilgængelig tilstand: Informer dine kunder om, at din butik understøtter en tilgængelig tilstand.

Ved at vælge Ecwid's præ-designet skabeloner, starter du med en tilgængelig baseline. Tilpasninger er velkomne, men hold øje med at bevare tilgængeligheden.

Når du opretter et websted fra bunden, er det vigtigt at overveje tilgængelighed for alle brugere. Det betyder at starte med en tilgængelig baseline ved hjælp af skabeloner eller retningslinjer såsom WCAG, ADA eller tilsvarende standarder.

Men ud over disse retningslinjer er det også afgørende at forstå de specifikke behov hos din kundebase.

For eksempel, hvis dine produkter henvender sig til personer med farveblindhed, bør fokus være på at give en stærk kontrast mellem knapfarver og tekst for lettere navigation og køb.

Billederne nedenfor viser, hvorfor onlinebutikker, der henvender sig til sådanne kunder, har brug for en stærk kontrast mellem knapfarver og tekst for at hjælpe dem med at skelne mellem muligheder og foretage køb.

Tilsvarende, hvis din målgruppe omfatter personer med bevægelseshandicap, kan sikring af nem navigation gennem stemmekommandoer i høj grad forbedre deres browsingoplevelse.

Tjek dit websted regelmæssigt med værktøjer som Google Lighthouse for at se, hvor tilgængelig din butik er. Løbende vurdering og forbedring af tingene er afgørende for at skabe et indbydende onlinerum for alle.

Wrap Up

Ecwids tilgængelige e-handelsplatform er mere end en gevinst for et produkt; det handler om at gøre e-handel let for alle. Ecwid hjælper onlinebutiksejere med at få mest muligt ud af deres forretning. Endnu vigtigere er det, at det sikrer, at hver kunde kan få en problemfri indkøbsoplevelse, uanset deres evner.

Husk, tilgængeligt design handler ikke kun om overholdelse – det handler om at skabe et inkluderende og indbydende onlinerum for alle. Så tøv ikke med at tage initiativet og gøre din hjemmeside mere tilgængelig! Lad os arbejde hen imod en digital verden, der virkelig er åben og inkluderende for alle.

• Inspirerende Ecwid Instant Site Eksempler
• Ecwid Instant Site med klar temaer og 99+ designmuligheder
• Nye Ecwid-designindstillinger: Dusinvis af tilpasningsmuligheder, ingen kodning
• Sådan vælger du en e-handelsskabelon til dit websted
• En omfattende guide til tilpasning af dit Ecwid-butiksdesign
• Design af dit gratis e-handelswebsted fra bunden
• Hvordan Ecwids tilgængelige onlinebutiksskabelon blev et hit