Universell utforming av nettbutikk: krav og sjekkliste

Kort svar: Nettbutikken din er en nettløsning rettet mot allmennheten, og da stiller norsk regelverk krav om universell utforming. I dag gjelder 35 suksesskriterier på nivå A og AA i WCAG 2.0 for private virksomheter. EUs tilgjengelighetsdirektiv (EAA) hever lista til WCAG 2.1 nivå AA for blant annet netthandel, men er per sommeren 2026 ennå ikke tatt inn i norsk rett. Her er kravene, de vanligste feilene, og en sjekkliste du kan gå gjennom selv.

Universell utforming blir ofte oppfattet som noe offentlige nettsteder må drive med. Det stemmer ikke. Kravene har gjeldt private nettbutikker i mange år, og de handler om noe ganske jordnært: at kunden skal klare å finne, forstå og kjøpe produktet uansett om hun bruker mus, tastatur, skjermleser eller forstørret skjerm. Kilden for oppdaterte krav er Tilsynet for universell utforming av ikt, som også fører tilsyn med at reglene følges.

1. Hvorfor dette angår nettbutikken din

Kravet følger av likestillings- og diskrimineringsloven og forskrift om universell utforming av ikt-løsninger. Forskriften gjelder nettløsninger som er hovedløsninger rettet mot allmennheten, og en nettbutikk er nettopp det. Det spiller ingen rolle om du er en enmannsbedrift eller en kjede: selger du til publikum på nett, er du omfattet.

Tilsynet kan følge opp brudd med pålegg om retting og tvangsmulkt. Men det er sjelden trusselen om tilsyn som gjør jobben verdt å ta. En butikk som er vanskelig å bruke med tastatur, er ofte også vanskelig å bruke på en liten mobilskjerm, i sterkt sollys eller med én hånd ledig. Tilgjengelighet og konvertering peker som regel i samme retning.

2. Dette krever regelverket i dag

For private virksomheter er standarden WCAG 2.0 på nivå A og AA, men ikke alle kriteriene. Tre kriterier som gjelder lyd- og videoinnhold er unntatt for private: synstolking og alternativ til forhåndsinnspilt medieelement (1.2.3), teksting av direktesendinger (1.2.4) og synstolking av forhåndsinnspilt video (1.2.5). Til sammen gjenstår 35 suksesskriterier du skal oppfylle.

Merk at teksting av forhåndsinnspilt video (1.2.2) ikke er unntatt. Har du produktvideoer med tale på forsiden eller på produktsidene, skal de tekstes.

Krav om en egen tilgjengelighetserklæring gjelder i dag offentlig sektor, ikke private nettbutikker. Du må altså ikke publisere en erklæring, men du må oppfylle kravene.

3. Hva EUs tilgjengelighetsdirektiv betyr framover

EUs tilgjengelighetsdirektiv, ofte kalt EAA, trådte i kraft i EU 28. juni 2025 og omfatter blant annet netthandel, banktjenester og billettsalg. Det bygger på standarden EN 301 549, som i praksis tilsvarer WCAG 2.1 nivå AA. Det er et hakk strengere enn dagens norske minimumskrav, med blant annet kriterier for tekstavstand, innhold som vises ved hover eller fokus, og bedre støtte for bruk i stående og liggende skjermmodus.

Direktivet er foreløpig ikke innlemmet i EØS-avtalen, og per sommeren 2026 gjelder det ikke som norsk rett. To ting er likevel verdt å merke seg. For det første: selger du til forbrukere i EU-land, kan du måtte forholde deg til kravene der allerede i dag. For det andre: når direktivet til slutt kommer inn i norsk rett, blir WCAG 2.1 nivå AA fasit. Bygger du eller redesigner du butikken nå, er det billigere å sikte mot 2.1 med én gang enn å gjøre jobben to ganger. Se gjeldende status hos uutilsynet.no før du legger en plan.

4. De vanligste bruddene i norske nettbutikker

I praksis går de fleste funnene igjen på tvers av plattformer, enten butikken står på Shopify eller WooCommerce:

• Manglende alt-tekst på produktbilder. En skjermleser leser opp filnavnet i stedet, og «IMG_4471.jpg» hjelper ingen. Beskriv hva bildet viser.
• For svak kontrast. Lysegrå tekst på hvit bakgrunn er den klassiske synderen. Kravet er 4,5:1 for vanlig tekst og 3:1 for stor tekst.
• Ingen synlig fokusmarkering. Mange temaer fjerner fokusrammen fordi den «ser stygg ut». Da blir det umulig å se hvor man er når man navigerer med tastatur.
• Popup-er og bannere som ikke kan lukkes med tastatur. Rabattpopup, nyhetsbrevskjema og samtykkebanner er ofte lagt til via apper eller plugins, og de er blant de hyppigste fellene.
• Skjemafelt uten ledetekst. Felt som bare har plassholdertekst mister merkingen så snart kunden begynner å skrive. I kassen er dette direkte tapt salg.
• Feilmeldinger som bare bruker farge. En rød ramme rundt feltet sier ingenting til en som ikke ser farger. Skriv hva som er galt, i tekst.
• Rotete overskriftsstruktur. Overskrifter valgt etter størrelse i stedet for nivå gjør at skjermlesere mister strukturen på siden.
• Lenketekster som «Les mer» og «Klikk her». Lenker leses ofte ut av sammenheng. Skriv hva lenken fører til.

5. Slik tester du butikken selv

Du trenger ikke et fullt revisjonsprosjekt for å komme i gang. Tre tester tar under en time og avdekker overraskende mye:

Tastaturtesten. Legg vekk musa. Naviger fra forsiden, gjennom en produktside, i handlekurven og helt gjennom kassen med kun Tab, Enter og piltaster. Ser du alltid hvor du er? Kommer du deg ut av alle popup-er? Klarer du å fullføre et kjøp? Feiler dette, feiler mye annet også.

Zoomtesten. Zoom nettleseren til 200 prosent. Forsvinner innhold, overlapper tekst, eller blir «Kjøp»-knappen utilgjengelig? Dette henger tett sammen med mobiloptimalisering, og feil du finner her rammer mobilbrukerne dine også.

Automatisk skanning. Verktøy som Lighthouse i Chrome, WAVE eller axe DevTools finner tekniske feil raskt og gratis. Vær klar over begrensningen: automatiske verktøy fanger bare en del av kriteriene. De ser at et bilde mangler alt-tekst, men ikke om alt-teksten faktisk beskriver bildet.

Vil du gå grundigere til verks, prøv butikken med skjermleser. VoiceOver følger med Mac og iPhone, NVDA er gratis på Windows. Det er ubehagelig første gang, og det er nettopp derfor det er lærerikt.

6. Kom i gang uten å bygge om hele butikken

De færreste har budsjett til å rive alt. Prioriter i denne rekkefølgen:

1. Kjøpsløpet først. Produktside, handlekurv og kasse. Er disse utilgjengelige, koster det både omdømme og omsetning.
2. Globale elementer. Meny, søk, bunntekst og samtykkebanner går igjen på hver eneste side, så én fiks slår ut overalt.
3. Kontrast og fokus i temaet. Ofte noen få linjer CSS, og det løser en hel kategori av feil.
4. Innholdsrutiner. Bli enige om at alle nye produktbilder får alt-tekst og at overskrifter velges etter nivå. Da vokser ikke gjelden på nytt.

Rydd samtidig i apper og plugins. Hver installerte popup, chat-widget og anmeldelsesmodul legger til kode du ikke har skrevet selv, og det er ofte der problemene sitter. Det samme gjelder når du velger nytt tema: sjekk tastaturnavigasjon og kontrast før du kjøper, ikke etterpå.

Kort oppsummert

Norske nettbutikker skal i dag oppfylle 35 suksesskriterier på nivå A og AA i WCAG 2.0. EUs tilgjengelighetsdirektiv løfter kravet til WCAG 2.1 nivå AA for netthandel, men er ennå ikke tatt inn i norsk rett, så følg med på utviklingen og sikt mot 2.1 hvis du bygger nytt. Start med kjøpsløpet, test med tastatur og zoom, og legg inn faste rutiner for alt-tekst og overskrifter. Universell utforming hører sammen med de andre kravene til en nettbutikk, se også GDPR-sjekklisten og gjennomgangen av hvordan du starter nettbutikk i Norge.

Usikker på hvor butikken din står? Vi går gjerne gjennom kjøpsløpet og temaet ditt og gir deg en konkret liste over hva som bør rettes. Se tjenestene våre eller ta kontakt med Seal Media.