Universell utforming av nettstedet ditt handler om mer enn god praksis – for mange norske virksomheter er det et lovkrav. Likevel er det mange nettsteder som ikke etterlever kravene, enten fordi eieren ikke vet at loven gjelder dem, eller fordi det virker komplisert å vite hvor man skal begynne.

Denne artikkelen gir deg et tydelig bilde av hva universell utforming innebærer for nettsteder, hvilke krav som gjelder, og hva du praktisk kan gjøre.

Hva er universell utforming?

Universell utforming betyr at produkter, tjenester og omgivelser skal kunne brukes av flest mulig, uten behov for tilpasning eller spesiell tilrettelegging. For nettsteder handler det i praksis om at nettstedet skal være tilgjengelig og brukbart for personer med ulike funksjonsnedsettelser – synshemming, hørselshemming, motoriske utfordringer eller kognitive vansker.

Den internasjonale standarden for tilgjengelige nettsteder heter WCAG – Web Content Accessibility Guidelines – og er utarbeidet av W3C. WCAG er strukturert rundt fire prinsipper:

  • Mulig å oppfatte – Informasjon og grensesnitt kan oppfattes av brukeren
  • Mulig å betjene – Grensesnittkomponenter og navigasjon kan betjenes
  • Forståelig – Informasjon og betjening av grensesnittet er forståelig
  • Robust – Innholdet er robust nok til å tolkes av brukeragenter, inkludert hjelpemiddelteknologi

Kravene er delt inn i tre nivåer: A (minimum), AA (standard) og AAA (best praksis). Norsk lov krever generelt samsvar med WCAG 2.1 nivå AA.

Hvem er lovpålagt?

I Norge reguleres kravene primært gjennom likestillings- og diskrimineringsloven og forskrift om universell utforming av informasjons- og kommunikasjonsteknologi (IKT). Tilsynsmyndigheten er Digitaliseringsdirektoratet (Digdir) via uu-tilsynet.

Kravene gjelder i dag for:

  • Offentlige virksomheter og statlige organer
  • Kommuner og fylkeskommuner
  • Privat sektor som tilbyr tjenester til allmennheten (næringsvirksomhet rettet mot forbrukere)

Selv om ikke alle private nettsteder er lovpålagt per i dag, utvides kravene gradvis – blant annet gjennom EUs Web Accessibility Directive og European Accessibility Act (EAA), som vil påvirke norsk regelverk via EØS-avtalen.

For presis og oppdatert informasjon om hvilke virksomheter som er lovpålagt, se uu-tilsynet.no (Digdir). Regelverket er under utvikling.

Konkrete krav du bør kjenne til

Alternativ tekst på bilder

Alle informative bilder skal ha en beskrivende alt-tekst. Dekorative bilder kan ha tom alt-attributt (alt=""). Dette er avgjørende for skjermlesere.

Tilstrekkelig fargekontrast

Tekst og bakgrunn skal ha tilstrekkelig kontrastratio. WCAG 2.1 AA krever minst 4,5:1 for normal tekst og 3:1 for stor tekst. Kontrast kan sjekkes med gratis verktøy som WebAIM Contrast Checker.

Tastaturnavigasjon

Hele nettstedet skal kunne navigeres med tastatur alene, uten mus. Fokusindikatorer (synlige markeringer av hvilket element som er aktivt) skal ikke skjules.

Teksting av video og lyd

Videoinnhold med lyd skal ha teksting. Lydinnhold alene skal ha transkripsjon.

Skjemaer med tydelige etiketter

Alle skjemafelt skal ha tydelige, programmatisk tilknyttede etiketter (<label>-elementer). Feilmeldinger skal være beskrivende og hjelpe brukeren til å rette opp feilen.

Responsivt design og zoom

Nettstedet skal fungere ved 200 % zoom uten at innhold skjules eller overlapper. Responsivt design er en forutsetning.

Hvordan sjekke status på nettstedet ditt

Du trenger ikke eksperter for å gjøre en første vurdering. Disse verktøyene hjelper:

  • WAVE (wave.webaim.org) – nettleserutvidelse som markerer tilgjengelighetsfeil direkte på siden
  • axe DevTools – Chrome/Firefox-utvidelse for teknisk WCAG-sjekk
  • Lighthouse (innebygd i Chrome DevTools) – gir en tilgjengelighetscore og konkrete feil

Merk at automatiske verktøy fanger opp omtrent 30–40 % av WCAG-feil. Manuell gjennomgang og testing med faktiske brukere er nødvendig for full samsvar.

Universell utforming og SEO

God tilgjengelighet og god SEO overlapper i stor grad. Alternativ tekst, tydelig hierarki med overskrifter, klar struktur og rask lastetid gagner både skjermlesere og søkemotorer. Core Web Vitals – Googles målepunkter for brukeropplevelse – er et eksempel på der SEO og tilgjengelighet går hånd i hånd.

Praktisk tilnærming

Du trenger ikke løse alt på én gang. En pragmatisk tilnærming:

  1. Kjør en automatisk sjekk med WAVE eller Lighthouse
  2. Fiks de høyest prioriterte feilene (manglende alt-tekster, kontrastproblemer, manglende skjema-etiketter)
  3. Test tastaturnavigasjon manuelt
  4. Lag en plan for gradvis forbedring

Vil du ha hjelp til å komme på nett med et nettsted som er godt fundert fra start? Vymo webhotell fra 49,-/md gir deg en solid plattform – det er innhold og kode som avgjør tilgjengeligheten, ikke serveren i seg selv.

For mer informasjon om gjeldende krav, besøk uu-tilsynet.no (Digdir).

Klar til å sikre domenet ditt?

Sjekk om navnet er ledig – live mot registeret, på .no, .com og flere.

Søk etter domene