Hva er

universell

utforming?

Universell utforming og WCAG: slik lager du nettsider som fungerer for alle, og som oppfyller kravene.

Hva er universell utforming?

Universell utforming av IKT betyr at nettsider, apper og digitale tjenester skal kunne brukes av flest mulig, inkludert personer med nedsatt syn, hørsel, motorikk eller kognitive utfordringer. Kravene bygger på WCAG (Web Content Accessibility Guidelines), en internasjonal standard med konkrete suksesskriterier for tilgjengelighet.

I Norge er universell utforming av IKT lovpålagt, og kravene gjelder både offentlige og private virksomheter med løsninger rettet mot allmennheten. Digitaliseringsdirektoratet fører tilsyn med regelverket.

Prinsippene i WCAG

WCAG er organisert rundt fire prinsipper:

  • Mulig å oppfatte: innhold må kunne oppfattes med ulike sanser, for eksempel med alt-tekst på bilder og teksting av video.

  • Mulig å betjene: alt skal kunne brukes med tastatur, og brukeren må få nok tid.

  • Forståelig: tekst, navigasjon og skjemaer skal være forutsigbare og tydelige.

  • Robust: koden må fungere med hjelpemidler som skjermlesere.

Suksesskriteriene er delt inn i nivåene A, AA og AAA. Lovkravene i Norge bygger i hovedsak på nivå A og AA.

Hvorfor er universell utforming viktig for markedsføring?

Utover lovkravet handler det om å ikke stenge ute kunder. Mange har en eller annen form for funksjonsnedsettelse, midlertidig eller varig, og enda flere bruker mobil i sollys, med én hånd eller med dårlig nett. Tiltak som god kontrast, tydelige overskrifter og forståelige skjemaer gjør opplevelsen bedre for alle, og gir ofte både bedre UX og bedre konvertering.

Det er også overlapp med SEO. Riktig overskriftsstruktur, beskrivende lenketekster og alt-tekst hjelper både skjermlesere og søkemotorer å forstå innholdet.

Slik kommer du i gang

  • Kjør en automatisk test av de viktigste sidene og malene.

  • Test navigasjon og skjemaer kun med tastatur.

  • Prøv nettsiden med en skjermleser.

  • Prioriter feil i maler og komponenter, fordi de rettes ett sted og gjelder overalt.

  • Lag en tilgjengelighetserklæring der det er påkrevd, og hold den oppdatert.

Vanlige feil

  • For lav kontrast mellom tekst og bakgrunn.

  • Bilder og ikoner uten alternativ tekst.

  • Skjemafelt uten synlige etiketter og forståelige feilmeldinger.

  • Elementer som ikke kan nås med tastatur.

  • Lenker med tekst som «klikk her».

Automatiske verktøy fanger opp en del feil, men ikke alle. Kombiner dem med manuell testing. Les mer om hvordan vi jobber med UX.

Relaterte begreper

  • UX: universell utforming er en forutsetning for god brukeropplevelse for alle.

  • Alt-tekst: beskriver bilder for skjermlesere og er et grunnleggende WCAG-krav.

  • Core Web Vitals: rask og stabil side hjelper også brukere med hjelpemidler og svakt nett.

  • CMS: publiseringsløsningen må gjøre det enkelt for redaktører å lage tilgjengelig innhold.

Se alle begrepene i ordboken.

Oppfyller nettsiden kravene til alle?

Vi går gjennom nettsiden mot WCAG og hjelper deg å prioritere tiltakene som gir mest effekt.