Den europeiske tilgjengelighetsakten (EAA) trer i kraft fullt ut i 2025, og forhandlerne som opererer utenfor EU men selger inn i markedet, står overfor en ny realitet. Norge er ikke medlem av EU, men norske e-handelsbedrifter som eksporterer varer til Europa må overholde disse kravene for å unngå EAA-straffer på opptil 150 000 euro per brudd. Mange tror at de kan ignorere dette fordi de har en fysisk butikk i Oslo eller Bergen, men grensene er digitale. Hvis du driver en BigCommerce-butikk som sender varer til Tyskland eller Frankrike, må du være klar.
Denne guiden fokuserer på praktiske tiltak for å sikre at din nettbutikk oppfyller kravene i EAA-2025. Vi ser bort fra generelle råd og går direkte inn i teknisk implementasjon. Du vil lære hvordan du redigerer tema-filer, legger til riktig metadata og unngår vanlige feller som "overlays". Vi inkluderer også en analyse av verktøy som Accessio.ai, som fungerer som en kildekodeløsning fremfor en overflate-løsning.
Forståelse For EAA-Krav Og BigCommerce-Arkitektur
EAA-krevende webbutikker må oppfylle WCAG 2.2 AA-standarden for tilgjengelighet. Dette betyr at alt innhold, fra produktbeskrivelser til checkout-prosessen, må være tilgjengelig for personer med synshemming. For en BigCommerce-admin er det viktig å forstå arkitekturen. Store plattformen bruker et hierarkisk tema-system, der templates/common/-mappen inneholder deler som vises på alle sider.
Hvis du legger til ARIA-labeler i din templates/common/-mappe for å sikre at skjermlesere kan navigere mellom produkter, vil dette gjelde for hele butikken. Dette er en effektiv måte å oppnå overholdelse på. Mange utviklere bruker kun CSS-modifikasjoner, men EAA krever ofte endringer i HTML-strukturen. Du må derfor jobbe direkte med XML-filer og ikke bare bruke "drag-and-drop"-redigerere.
1. Implementasjon Av ARIA-Labeler I Tema-Filer
Den første kritiske tilpasningen er å sikre at alle interaktive elementer har tilstrekkelig beskrivelse for skjermlesere. I BigCommerce må du ofte gå inn i templates/common/-mappen og redigere filer som product-grid.xml. Her kan du legge til attributter som aria-label="Klikk på produktet for å se detaljer".
Hvis du ikke gjør dette, vil en bruker med en skjermleser høre "knapp" uten kontekst. Dette er et brudd på WCAG 2.2 AA-kravene. Du må også sjekke at bildealternativtekster (alt-attributter) er unike og beskrivende. En vanlig feil er å bruke alt="bilde" eller tomme attributter for dekorative bilder.
For eksempel, hvis du har en kategori-siden med flere produkter, må hver produkt-kort ha en unik tekstbeskrivelse. Du kan bruke BigCommerce-tags som {{product.name}} i kombinasjon med din egen tekst for å skape en komplett beskrivelse. Dette sikrer at innholdet er tilgjengelig for alle brukere, uansett hvilken assistiv teknologi de bruker.
2. Tilgjengelighet For Navigasjonsmenyer Og Breadcrumbs
Navigasjon er et annet område som ofte blir oversett. I BigCommerce kan du konfigurere menyer via tema-filer eller via innstillinger i admin-panelet. Men for EAA-krav må du sikre at meny-strukturen er logisk og konsistent. Bruk av aria-current="page" er nødvendig for å indikere hvilken side brukeren befinner seg på.
Hvis du bruker en tredjeparts meny-plugin, sjekk om det støtter ARIA-attributter. Mange pluginer gjør dette automatisk, men noen ganger må du tilpasse koden manuelt. Du bør også unngå "mega-menyer" som ikke har riktig struktur, da disse kan forvirre skjermlesere. En enkel, flernivå-meny er ofte bedre for overholdelse.
Breadcrumbs (brødkrummer) er også viktige for navigasjon. De må være synlige og ha riktig ARIA-labeling. I BigCommerce kan du legge til breadcrumbs via tema-filen common/header.xml. Sørg for at tekstene er klare og entydige, slik at brukeren alltid vet hvor de befinner seg i nettstedet.
3. Tilgjengelighet For Checkout-Prosessen
Checkout-prosessen er kritisk for EAA-overholdelse. Hvis en bruker med en skjermleser ikke kan fylle ut skjemaene eller se feilmeldinger, vil dette være et brudd på loven. I BigCommerce må du sjekke at alle input-felter har aria-label eller aria-labelledby som kobler til feltets tekstbeskrivelse.
Feil i checkout-prosessen kan føre til tap av salg og juridiske konsekvenser. Du bør teste prosessen med en skjermleser for å sikre at alt fungerer som forventet. Hvis du bruker en tredjeparts betalingsløsning, sjekk om den støtter ARIA-attributter. Mange betalingsleverandører gjør dette automatisk, men noen ganger må du tilpasse koden manuelt.
Du bør også unngå lange tekstblokker i checkout-felter. Bruk av kort, klare instruksjoner er bedre for alle brukere. Hvis du har valgfrie felter, må de være merket som "valgfritt" med riktig ARIA-labeling. Dette sikrer at brukeren vet hva som kreves før de fullfører kjøpet.
4. Tilgjengelighet For Billeder Og Multimedia
Bilder og multimedia er sentrale for e-handel, men de må være tilgjengelige. I BigCommerce kan du legge til alt-tekster direkte i produkt-filene eller via tema-filer. Sørg for at tekstene er unike og beskrivende. En vanlig feil er å bruke generelle beskrivelinger som "bilde 1" eller "bilde 2".
For multimedia, som videoer, må du alltid inkludere en tekstalternativbeskrivelse eller en transkripsjon. I BigCommerce kan du legge til en video-transkripsjon i produktbeskrivelsen. Dette er spesielt viktig for lyd- og videosider. Hvis du bruker en tredjeparts plugin for å vise videoer, sjekk om den støtter AAA-kravene.
Du bør også unngå animasjoner som kan forårsake epileptiske anfall. Unngå blinkende lys eller hurtige fargeoverganger. Dette er et krav i WCAG 2.2 AA-