Universell utforming av nettsider: kravene enkelt forklart
Hva kravene til universell utforming betyr for norske bedrifter i praksis: hvem de gjelder for, de vanligste feilene og hvordan du unngår dem.
Universell utforming betyr at nettsiden skal kunne brukes av alle, også de som ser dårlig, ikke kan bruke mus, eller trenger skjermleser. I Norge er dette ikke bare god praksis, det er et lovkrav som gjelder de aller fleste bedrifter med nettside. Denne guiden forklarer hva kravene faktisk betyr, uten paragrafer og fagsjargong.
Hvem gjelder kravene for?
Kort sagt: retter nettsiden seg mot allmennheten i Norge, gjelder kravene. Det omfatter både offentlige virksomheter og private bedrifter, fra nettbutikker til håndverkere med en enkel bedriftsside. Tilsynet for universell utforming av ikt, en del av Digitaliseringsdirektoratet (Digdir), fører tilsyn og kan følge opp virksomheter som ikke oppfyller kravene.
Kravene bygger på den internasjonale standarden WCAG, som beskriver hvordan nettinnhold gjøres tilgjengelig. I praksis er det WCAG versjon 2.1 på nivå AA som er utgangspunktet for de fleste kravene norske bedrifter må forholde seg til.
Hvorfor det lønner seg uansett
Før vi går inn i kravene, er det verdt å si: universell utforming er ikke bare plikt, det er god butikk.
- Flere når frem. En betydelig andel av befolkningen har nedsatt syn, hørsel, motorikk eller kognisjon, midlertidig eller varig. Det er kunder.
- Google liker det. Mye av det som gjør en side tilgjengelig, ryddig struktur, beskrivende tekster, god kontrast, er det samme som gjør den lett å forstå for søkemotorer.
- Alle får bedre opplevelse. God kontrast hjelper også den som står i sollys med mobilen. Tydelige skjemaer hjelper alle som har det travelt.
De vanligste feilene
De samme feilene går igjen på norske bedriftsnettsider. Her er de du bør sjekke først:
| Feil | Hva det betyr i praksis |
|---|---|
| For svak kontrast | Lys grå tekst på hvit bunn er uleselig for mange, og vanskelig for alle |
| Manglende alt-tekst | Bilder uten tekstbeskrivelse er usynlige for skjermlesere |
| Tastaturfeller | Menyer og knapper som bare virker med mus, stenger ute mange brukere |
| Skjemaer uten ledetekster | Felter uten tydelig merking blir gjettelek med skjermleser |
| Lenker uten mening | «Les mer» og «klikk her» sier ingenting om hvor lenken går |
| Rotete overskriftsstruktur | Overskrifter i feil rekkefølge gjør siden umulig å navigere med hjelpemidler |
Slik sjekker du din egen side
Du kommer langt med noen enkle tester du kan gjøre selv:
- Legg bort musen. Prøv å bruke hele siden med Tab, Enter og piltaster. Kommer du overalt, og ser du alltid hvor du er?
- Se på kontrasten. Er teksten lett å lese, også de små grå detaljene? Det finnes gratis kontrastsjekkere på nett.
- Sjekk bildene. Har alle meningsbærende bilder en beskrivende alt-tekst?
- Test et skjema. Er hvert felt tydelig merket, og får du en forståelig feilmelding hvis du fyller ut feil?
- Zoom inn. Forstørr siden kraftig i nettleseren. Fungerer den fortsatt, eller faller innholdet fra hverandre?
Automatiske testverktøy fanger en del, men ikke alt. De beste resultatene får du med en kombinasjon av verktøy og manuell testing.
Bygg det inn fra start
Den viktigste lærdommen om universell utforming er at det er billig å bygge inn og dyrt å ettermontere. Velges farger med god kontrast fra start, koster det ingenting. Skal en ferdig side med svak kontrast males om, blir det fort et helt designprosjekt. Det samme gjelder struktur, skjemaer og navigasjon: riktige valg tidlig i prosessen gjør at kravene i stor grad oppfyller seg selv.
Still derfor krav til leverandøren din: be om at siden bygges etter WCAG 2.1 nivå AA, og be om at det testes før lansering, ikke etter.
Trygg på at kravene er ivaretatt?
HJEMMESIDESENTRALEN bygger nettsider med universell utforming som en del av håndverket, ikke som et tillegg: kontrast, tastaturnavigasjon, alt-tekster og tilgjengelige skjemaer er på plass fra start. Be om et gratis tilbud, eller les mer om hva som er inkludert når vi bygger nettsider.