Universell utforming: kravene, og hvordan du oppfyller dem

Universell utforming er ikke et tillegg for noen få. Det er kravet loven stiller til alle norske nettsteder som retter seg mot allmennheten, og det er det som gjør siden bedre for alle: raskere å bruke, lettere å lese, enklere å finne frem i.

Hva loven krever

Likestillings- og diskrimineringsloven og forskriften om universell utforming av IKT krever at nettsteder og apper følger WCAG 2.1 på nivå A og AA, med noen få unntak. Kravet gjelder private virksomheter som retter seg mot allmennheten, og har gjort det siden 1. februar 2023. Offentlig sektor har i tillegg krav om tilgjengelighetserklæring.¹

Uutilsynet fører tilsyn og kan gi dagbøter. Men den vanligste kostnaden er en annen: kunder som ikke får kjøpt.

Fire prinsipper

WCAG bygger på fire ord.² Innholdet skal være mulig å oppfatte: tekst til bilder, teksting på video, nok kontrast. Mulig å betjene: alt skal kunne brukes med tastatur, og ingenting skal blinke eller løpe fra deg. Forståelig: språk, ledetekster og feilmeldinger som sier hva som er galt. Robust: kode som skjermlesere og andre hjelpemidler kan tolke.

De vanligste bruddene

1. Kontrast under 4,5:1 mellom tekst og bakgrunn. Lys grå tekst på hvitt er den klassiske.
2. Bilder uten alternativ tekst, eller med alt-tekst som er filnavnet.
3. Skjema uten ledetekster knyttet til feltene, og feilmeldinger som bare sier «feil».
4. Menyer og knapper som ikke kan nås med tastatur, eller som ikke viser hvor fokuset er.
5. Video uten teksting.
6. Lenker som heter «les mer» og «klikk her», uten at det går frem hvor de fører.

Sjekkliste du kan ta nå

1. Trykk Tab gjennom hele siden. Kommer du overalt, og ser du hvor du er?
2. Skru opp tekststørrelsen til 200 prosent. Fungerer siden fortsatt?
3. Slå på skjermleseren på mobilen og prøv å fylle ut kontaktskjemaet.
4. Sjekk kontrasten på all tekst, også den lille.
5. Se på bildene: har alle en alt-tekst som beskriver dem, og er dekorative bilder merket som det?
6. Spill av en video. Har den teksting?
7. Les lenketekstene alene, uten resten av setningen. Gir de mening?
8. Finnes det noe som blinker, ruller eller starter av seg selv? Kan det stoppes?

Slik jobber vi

Universell utforming er et premiss fra første skisse, ikke en gjennomgang til slutt. Da koster det nesten ingenting. For Kondis bygde vi en app for synshemmede utøvere: testet med skjermleser, med skalert tekst, og med bind for øynene. Det er den samme metoden vi bruker på en vanlig bedriftsnettside, bare i mindre skala.

Kilder

1. Uutilsynet, Regelverk for universell utforming av IKT. ↩
2. W3C, Web Content Accessibility Guidelines (WCAG) 2.1. ↩

Ny versjon av guiden fra 2025.