Universell utforming av nettsider har vært lovpålagt i Norge i over ti år. Det nye er at kravene skjerpes for netthandel, og at tilsynet har fått mer å håndheve. Her er det du som driver nettbutikk bør vite, og hva du bør gjøre først.
Hva som gjelder i Norge
Forskriften om universell utforming av IKT pålegger virksomheter som retter seg mot allmennheten å følge WCAG, retningslinjene for tilgjengelig webinnhold. Det gjelder også private nettbutikker. Tilsynet ligger hos Digitaliseringsdirektoratet, som kan gi pålegg om retting og tvangsmulkt.
EUs tilgjengelighetsdirektiv (European Accessibility Act) omfatter netthandel spesielt og stiller krav til at kjøpsprosessen skal kunne gjennomføres av alle, inkludert identifisering, betaling og bekreftelse. Direktivet er på vei inn i norsk rett, og det praktiske kravet er det samme uansett: WCAG 2.1 på nivå AA, dokumentert.
Hva det betyr i en nettbutikk
- Produktbilder med alt-tekst som sier hva produktet er, ikke «IMG_2041».
- Kontrast på priser, knapper og lenker som kan leses i sollys og av svaksynte.
- Kassen med bare tastatur: alle felt, valg og knapper må kunne nås og brukes uten mus.
- Feilmeldinger som sier hva som er galt og hvor, ikke bare rød ramme.
- Skjermleser gjennom hele kjøpet: fra søk til ordrebekreftelse.
- Overskrifter i riktig rekkefølge, én H1, tydelige lenketekster.
- Video med teksting, og ingen innhold som bare blinker.
De vanligste feilene
Når vi kartlegger nettbutikker mot WCAG, går det samme igjen: produktbilder uten alt-tekst, for lav kontrast på kampanjepriser, filtre og menyer som ikke virker med tastatur, skjemaer uten feilmeldinger, og en kasse levert av en betalingsløsning ingen har testet med skjermleser. Ingen av dem er dyre å rette. Alle blir dyre å rette etter et pålegg.
Tilgjengelighets-overlays løser det ikke
Verktøy som legger et «tilgjengelighetsikon» på siden og lover samsvar med ett skript, retter ikke koden. Tilsynet godtar dem ikke som løsning, og brukere med skjermleser rapporterer at de ofte gjør det verre. Rettingen må skje i temaet og innholdet.
Godt for salget også
Det som hjelper en blind kunde, hjelper alle: tydelige knapper, lesbar tekst, en kasse som virker. Og det som hjelper skjermleseren, hjelper Google. Alt-tekster, overskriftsstruktur og lenketekster er SEO-arbeid med et annet navn.
Hva du bør gjøre nå
- Kjør en automatisk test (Lighthouse i Chrome gir en tilgjengelighetsscore). Den fanger en tredel av feilene, og gir en start.
- Prøv å handle i egen butikk med bare tastatur, fra forsiden til bekreftelsen.
- Få en kartlegging mot WCAG 2.1 AA, med prioritert liste.
- Rett det som stopper flest først: kassen, skjemaene, kontrasten.
- Skriv tilgjengelighetserklæringen, og hold den oppdatert.
Vi kartlegger, retter og skriver erklæringen. Første sjekk er gratis. Se universell utforming av nettbutikk.
