Hvis du driver en nettbutikk på BigCommerce og opererer i Norge eller EU, er det viktig å vite at lovgivningen endrer seg raskt. Fra 2025 trer European Accessibility Act (EAA) i kraft for e-handel, og fristen for full overholdelse ligger fast til 2026. Å ignorere dette kan føre til store EAA fines som kan belaste bedriften din betydelig. Mange norske e-handelsaktører har allerede sett seg nødt til å justere sine systemer for å unngå disse kostnadene.
Denne artikkelen gir deg en konkret veiledning om hvordan du sikrer at din BigCommerce-butikk oppfyller kravene i EAA. Vi ser nærmere på tekniske detaljer, tema-innstillinger og app-strategier som er nødvendige for å nå målene før fristen utløper.
Hva er EAA og hvorfor gjelder det for deg?
European Accessibility Act (EAA) er en EU-direktiv som setter minimumskrav til digital tilgjengelighet for produkter og tjenester, inkludert nettbutikker. For e-handel betyr dette at dine nettsider må være tilgjengelige for personer med funksjonsnedsettelser, slik som synshemming eller motorisk nedsatt funksjonsevne.
Direktivet krever at digitale løsninger overholder standardene i WCAG (Web Content Accessibility Guidelines) nivå AA. Dette inkluderer krav til fargekontrast, tekstalternativer for bilder og mulighet for å navigere ved hjelp av tastatur alene.
Tidsrammen for overholdelse
Selv om EAA trådte i kraft i 2019, er det store bedrifter som må være fullt overholdende fra 28. juni 2025. For mindre bedrifter kan fristen utsettes til 2026. Dette betyr at du har begrenset tid til å gjøre nødvendige endringer. Hvis du ikke handler nå, risikerer du å møte en EAA deadline som er kritisk for din driftsfortsettelse i EU-markedet.
Sjekkliste for BigCommerce temaer
En av de vanligste årsakene til manglende tilgjengelighet er bruk av standardtemaer som ikke har blitt justert korrekt. BigCommerce tilbyr flere temaer, men mange inneholder feil ved utgivelse. Du må sjekke disse manuelt eller med hjelp av verktøy.
Kontrast og fargevalg
Fargekontrast er et grunnleggende krav i EAA. Tekst på bakgrunn må ha en kontrastforhold som oppfyller nivå AA. Mange temaer bruker lyse gråtoner som kan være for svake når teksten er mørkgrå.
Gå til BigCommerce Admin og sjekk innstillingene for ditt tema. Se etter muligheter for å justere fargepaletter manuelt. Hvis du bruker et tredjepartstema, må du sikre at det støtter kontrastkravene. Dette kan gjøres ved å endre CSS-filer direkte eller bruke en app som hjelper med fargevalg.
Navigasjon og menystruktur
En tilgjengelig meny er avgjørende for brukere som bruker skjermlesere. Menyelementer må ha tydelige tekstalternativer (alt-tekst) og være navigerbare via tastatur.
Sjekk at alle menyelementer har en aria-label eller en beskrivende tekst. Unngå ikoner uten tekst, da skjermlesere kan ikke fortelle brukeren hva ikonet representerer. Hvis du bruker et ikon for "søke", må det ha teksten "Søk" som alternativ.
Responsivitet og mobiltilgjengelighet
Mange nettbutikker er ikke tilgjengelige på mobil. EAA krever at sidene fungerer like godt på små skjermer som store. Sjekk at dine menyer ikke skjuler seg bak "hamburger-menyen" uten å være lette å åpne via tastatur.
Alt-tekst for bilder
Alle bilder i en nettbutikk må ha alt-attributter. Dette er spesielt viktig for produktbilder og kategoribilder. Hvis du bruker et tema som automatisk genererer alt-tekst, sjekk at teksten er relevant. Unngå generiske beskrivelser som "bilde 1".
App-strategier for tilgjengelighet
BigCommerce har en appbutikk med mange verktøy som kan hjelpe deg med å nå EAA-kravene. Det finnes flere typer apps som fokuserer på tilgjengelighet, men du må være nøye med hvilke du velger.
Tilgjengelighets-scan-apps
Noen apps skanner nettsiden din og gir en rapport over mangler. Disse er nyttige for å identifisere problemer, men de kan ikke alltid fikse dem automatisk. Velg en app som gir deg detaljerte rapporter om hvilke sider som mangler tilgjengelighet.
Automatiske reparasjonsverktøy
Det finnes apps som kan reparere kode direkte. Dette er viktig fordi mange EAA fines kommer av tekniske feil i koden. En app som fikser kode automatisk kan spare deg tid og penger. Slike verktøy kan endre CSS-filer eller legge til aria-label-attributter uten at du må redigere manuelt.
Integrasjon med skjermlesere
Noen apps hjelper med å teste kompatibilitet med populære skjermlesere som NVDA, JAWS og VoiceOver. Dette er nyttig for å sikre at dine kunder kan bruke din butikk uavhengig av hvilken assistiv teknologi de bruker.
Tekniske justeringer i BigCommerce Admin
For å nå EAA deadline må du gjøre tekniske endringer i din administrasjonsside. Disse endringene er ofte nødvendige for å oppnå nivå AA-konformitet.
Justering av tema-CSS
Hvis ditt tema har hardkodet farger eller layout, kan du måtte redigere CSS-filene direkte. Dette krever kunnskap om HTML og CSS. Du kan bruke en kodeeditor til å endre kontrastnivåer eller justere padding for bedre lesbarhet.
Slik sikrer du at koden er ren
Kodekvalitet påvirker tilgjengelighet. Uren kode kan føre til feil i skjermlesere. Sørg for at din HTML-kode er semantisk korrekt. Bruk header, main og footer-elementer riktig. Unngå å bruke <div>-elementer der andre elementer ville vært bedre.
Verktøy for kodekorrigering
Det finnes verktøy som kan analysere koden din og foreslå forbedringer. Disse kan være nyttige når du jobber med komplekse temaer. Bruk slike verktøy for å identifisere potensielle problemer før de blir til store feil.
Teste og validere tilgjengelighet
Før du lanserer endringer, må du teste nettsiden din grundig. Dette er avgjørende for å unngå EAA fines som kan oppstå hvis kunden klager på manglende tilgjengelighet.
Bruk av automatiske testverktøy
Verktøy som WAVE eller Lighthouse kan skanne nettsiden din og gi en rapport over mangler. Disse verktøyene er nyttige for å identifisere tekniske problemer, men de kan ikke alltid fange opp alle brudd på tilgjengelighet.
Manuell testing med skjermleser
Automatiske testverktøy er ikke nok. Du må teste nettsiden din manuelt med en skjermleser. Dette gir deg innsikt i hvordan brukere med funksjonsnedsettelse faktisk opplever nettsiden.