Hvordan lage din Shopify Store ADA-kompatibel i 2024

Å lære hvordan du gjør butikken ADA-kompatibel er viktigere enn du tror. Ikke bare sikrer det at du overholder viktige regler for nettilgjengelighet, men det kan også være nøkkelen til å tiltrekke og konvertere mer lojale kunder.

Studier viser én av fire amerikanske voksne leve med en eller annen form for funksjonshemming, men bare 3 % av internett er tilgjengelig for disse idividualer. Her er din trinnvise veiledning for å sikre at du kan nå så mange potensielle kunder som mulig med din Shopify oppbevare.

Hva er netttilgjengelighet? Det grunnleggende

Netttilgjengelighet er praksisen med å gjøre nettsteder brukbare og praktiske for alle besøkende, uavhengig av deres fysiske eller kognitive svekkelser eller begrensninger.

Nettverdenen bør være grunnleggende tilgjengelig for alle brukere, og å mestre netttilgjengelighet betyr å følge visse designprinsipper for å sikre at folk som opplever vanskeligheter fortsatt kan få tilgang til en positiv nettopplevelse.

Brukt på riktig måte sikrer retningslinjer for nettilgjengelighet at folk kan forstå, navigere og samhandle med sidene og applikasjonene de møter på nettet. Det innebærer å adressere og reagere på auditive, fysiske, visuelle, nevrologiske og andre begrensninger.

Hva er ADA? The Americans with Disabilities Act

Netttilgjengelighet er styrt av en rekke forskjellige standarder og regulatoriske grupper. Americans with Disabilities Act er en av de avgjørende retningslinjene bedriftsledere må vurdere når de utformer nettsidene sine.

Først inngått lov i 1990, ADA, er en lov som forbyr selskaper å diskriminere idividualer med funksjonshemninger.

Målet med ADA er å sikre at personer med begrensninger har samme rettigheter og tilgang til opplevelser som alle andre. Bedrifter som bygger Shopify Butikker må sørge for at de følger retningslinjene fastsatt av ADA for å garantere og opprettholde samsvar.

Hvorfor er det viktig å forbedre tilgjengeligheten til din Shopify Nettstedet?

Til syvende og sist trenger enhver bedrift et tilgjengelig nettsted. Sikre nettbutikken din, eller Shopify nettstedet overholder tilgjengelighetsstandarder er avgjørende for å opprettholde samsvar og unngå ADA-søksmål. Det er imidlertid også en god måte å øke lønnsomheten til nettstedet ditt. 

I 2022 fant en rapport at mer enn 83 % av nettstedene hadde tilgjengelighetsproblemer. Dette setter disse selskapene i fare for overholdelsesbøter, men betyr også at de går glipp av opptil $ 13 billion i disponibel inntekt kontrollert av funksjonshemmede.

Hvis ikke alle kan få tilgang til og bruke butikken din, går du glipp av potensielle konverteringsmuligheter. Dessuten ser det ut til at det er en klar kobling mellom netttilgjengelighet og søkemotoroptimalisering (SEO). Nettsteder med klare, beskrivende overskrifter og utmerkede brukeropplevelser har en tendens til å rangere høyere enn konkurrentene, og drar fordel av ekstra trafikk.

Vår topp 5 Shopify Tilgjengelighetstips

Den gode nyheten for Shopify butikkeiere, er det tilgjengelighetsfunksjoner innebygd Shopify, samt veiledninger du kan følge for å følge konsepter som "Retningslinjer for tilgjengelighet for nettinnhold". Det er imidlertid fortsatt viktig å ta ekstra skritt for å sikre at butikken din er ADA-kompatibel.

Her er våre beste tips for å komme i gang.

Sjekk butikken din for tilgjengelighet

Før du kan begynne å gjøre positive endringer i nettstedets tilgjengelighetspoeng, må du forstå hvilke problemer du har for øyeblikket. Den enkleste måten å gjøre dette på er å bruke en gratis tilgjengelighetskontroll for nettstedet. Det finnes forskjellige flotte verktøy der ute, for eksempel det ADA & WCAG-kompatible nettstedet accessibilitychecker.org.

Disse verktøyene kjører en rekke kontroller for å hjelpe nettstedeiere med å finne problemer med ting som kontrast i fargepaletter og navigering. Selv om det er nok av "tilgjengelighetsaktiverer"-verktøy, widgets og pluginder ute kan du også undersøke tilgjengeligheten til e-handelsbutikken din manuelt.

Du kan for eksempel laste butikken din og bruke tastaturnavigasjon for å sikre at du kan bevege deg gjennom nettstedet ditt uten å bruke mus.

Andre ting som er verdt å se på inkluderer:

• Typografi og skrifttilpasning: For å lese tekst komfortabelt, må noen brukere endre hvordan den vises. Å la brukerne endre tekststørrelse, skrifttype, farge og mellomrom er viktig for å øke lesbarheten. Du kan zoome inn på nettleseren din for å se om innholdet begynner å overlappe eller lider av lesbarhetsproblemer.
• Dine faner: Når en side lastes, hold musepekeren over nettleserfanen for å sikre at det er en unik tittel som tydelig forklarer formålet med og innholdet til nettsiden. Dette vil hjelpe brukerne til å navigere og forstå nettsidene dine mer effektivt.
• Feilmeldinger: Skriv inn feil eller problematiske data i skjemaene på nettstedet ditt, for eksempel betalingsskjemaene dine. Sørg for at feilmeldingene som vises til brukerne er klare og gir instruksjoner om hvordan du løser problemet.

Bruk alternativ tekst for alle bildene dine

Legger til alternativ tekst til alle visuelle medier på Shopify er avgjørende for både tilgjengelighet og forbedring av søkemotoroptimaliseringsstrategien. Din "alt tekst" er egentlig en enkel beskrivelse av et bilde som skjermlesere kan lese høyt for synshemmede eller svaksynte idividualer, eller personer med sensoriske prosesserings- eller læringsforstyrrelser.

Alt tekst hjelper til med å male et omfattende bilde av en nettside for folk som ikke kan oppfatte bilder på samme måte som andre. For å legge til alternativ tekst til media på Shopify, kan du bruke sidebyggingsverktøyene for blogger, eller «Produkter»-skjermen for produktbilder.

Hvis du legger til alt-tekst til et produkt, trykker du på et produkt og velger et produktbilde for å se «Forhåndsvisning»-skjermen, og deretter trykker du på knappen med tre prikker. Velg "rediger alt tekst" og skriv inn detaljene dine. Hvis du legger til tekst i temabilder, kan du gå til temaredigering og klikke på bildet som trenger alt-teksten. Klikk "Rediger" på bildet, og skriv inn teksten i "alt tekst"-delen.

Design nettsteder for "Sound Off"

I disse dager bruker utallige e-handelsansvarlige og bedriftseiere video for å annonsere for produktene deres eller dele demformation med besøkende. Hvis du bruker videoer på nettstedet ditt, er det viktig å huske at ikke alle vil se nettstedet ditt med tilgang til lyd.

I tillegg kan noen personer ha nedsatt hørsel som gjør det vanskelig for dem å lytte til innholdet du deler på nettstedet ditt.

Enten du bruker video for produktsidene dine, for å vise frem kundeanbefalinger eller reklameformål, sørg for at teksting og transkripsjoner er inkludert for alle som ikke bare kan "lytte" til innholdet ditt.

Å legge til bildetekster og beskrivelser av visuelle elementer i videoinnholdet ditt kan forbedre opplevelsen for alle brukere, ikke bare de med nedsatt hørsel. Husk at noen kunder vil se innholdet ditt med smarttelefonene sine.

Rundt 75 % av disse forbrukerne holde telefonen på mute når de ser på en video. Transkripsjoner og bildetekster vil også tillate deg å bruke flere søkeord i innholdet ditt, noe som kan forbedre søkemotorrangeringen.

Bruk beskrivende overskrifter og lenker

Hvis du bruker søkemotoroptimaliseringsstrategier for å øke trafikken til nettstedet ditt, bør du allerede bruke overskrifter og beskrivende lenker på alle nettsidene dine. For å øke netttilgjengelighet og samsvar, start med å dele opp store innholdsblokker på sider i mindre deler. Bruk overskrifter i rekkefølge (H2, etterfulgt av H3, for eksempel), for å veilede brukere gjennom siden.

Husk at skjermlesere og hjelpeteknologier vil kunngjøre hver av underoverskriftene dine for å hjelpe brukere med å forstå hvor de er på siden. Du kan også bruke andre designstrategier, som fet og kursiv skrift, for å trekke oppmerksomhet til spesifikke ord og uttrykk når de er spesielt viktige, eller når du deler et sitat.

I tillegg til å bruke overskrifter riktig, sørg for at koblingene dine er beskrivende og tydelige. Beskrivende lenker hjelper brukerne til å forstå nøyaktig hva de vil oppnå ved å klikke på en lenke. Folk som bruker skjermlesere, navigerer ofte i e-poster og andre sider ved å gå gjennom hver lenke for å finne ut hva de skal klikke på. Opprette lenker som er inneformative bidrar til å drive positiv handling fra kundene dine.

Bruk riktig CTA (Call to Action)-tekst også. For eksempel, i stedet for bare å si "se vår samling av nye sokker her", prøv "klikk her for å se vår sokkesamling".

Vær forsiktig med farger

Til slutt er farge en av de viktigste ressursene i webdesignverktøyet dittkit. Fargepsykologi påvirker hvordan folk tenker og føler om merkevaren din. For eksempel er blått en farge assosiert med tillit, mens grønt er forbundet med natur og rikdom.

Farge er også med på å formidle innformation, for eksempel, en rød knapp trekker oppmerksomheten til en ressurs på siden din og angir viktigheten. Å bruke forskjellige farger for lenker på sidene dine hjelper også kundene med å identifisere hvilke «ankertekst»-segmenter de kan klikke på.

Prøver imidlertid å formidle innformation med farge alene kan være problematisk. Personer med synshemninger kan ofte savne fargeendringer med "lav kontrast". Dette er grunnen til at det er viktig å finne andre måter å få visse deler av innholdet til å skille seg ut. Du kan for eksempel understreke eller fete interne lenker for å gjøre dem mer synlige.

Du kan også bruke elektroniske verktøy som fargen kontrastkontroll fra WebAIM for å hjelpe deg med å identifisere sider som ikke overholder WCAG- og ADA-standardene. Et annet alternativ er å se nettstedet ditt i svart-hvitt, for å finne ut om du fortsatt vil kunne identifisere viktige deler av siden uten bruk av farger.

Gjør din Shopify Store ADA-kompatibel

Å bygge en vellykket nettbutikk handler om mer enn bare å velge riktig e-handelsplattform og selge de riktige produktene. Du må også sørge for at butikken din er operativ for alle brukere, ved å følge retningslinjene for ADA- og WCAG-overholdelse.

Nettstedseiere som forplikter seg til å optimalisere tilgjengeligheten reduserer risikoen for juridiske problemer, og sikrer at de kan forbedre opplevelsen de leverer til kundene sine.

Å sikre digital tilgjengelighet er imidlertid ikke et engangsprosjekt. Hver gang du oppdaterer nettstedet ditt, eller legger til noe nytt på nettstedet ditt, må du sørge for at du ikke introduserer nye tilgjengelighetsproblemer.

Overvåk nettstedet ditt regelmessig for potensielle problemer, og sørg for at butikken din er tilgjengelig for alle forbrukere, uansett begrensninger eller funksjonshemminger.