Tilgjengelighet på nettsider og WCAG-retningslinjene

Enten det gjelder en fristende kakeoppskrift, et nytt produkt eller en nyttig tjeneste, har det å søke etter informasjon på nettet blitt en del av hverdagen for de fleste. For personer med syns-, motoriske eller andre funksjonsnedsettelser kan derimot digitalt innhold ofte være vanskelig eller til og med umulig å få tilgang til. Det er her Web Content Accessibility Guidelines (WCAG) kommer inn i bildet. Disse fungerer som en standard for tilgjengelighet på nettsteder og digitalt innhold.

I artikkelen “Hva EUs tilgjengelighetsdirektiv 2025 betyr for nettsiden din”forklarte vi det EU-omfattende tilgjengelighetsdirektivet (EAA) og hvorfor det er viktig for å fremme universell utforming på nett.

WCAG spiller en avgjørende rolle i denne sammenhengen, da retningslinjene definerer konkrete krav og beste praksis som sikrer at digitalt innhold er tilgjengelig for alle – uavhengig av ferdigheter eller begrensninger.

I denne veiledningen ønsker vi å gå dypere inn i WCAG-retningslinjene og vise hvordan de bidrar til å bryte ned barrierer for å skape mer inkluderende digitale rom. Vi viser deg hva du må gjøre for at din nettside også skal bli tilgjengelig.

Hva er WCAG-retningslinjene?

Web Content Accessibility Guidelines (WCAG) er internasjonale retningslinjer som definerer hvordan nettsteder og digitalt innhold kan gjøres tilgjengelig for å gi lik tilgang for alle brukere, inkludert personer med funksjonsnedsettelser. Retningslinjene er utviklet av W3C (World Wide Web Consortium) for å gi webutviklere tydelig veiledning i hvordan man lager tilgjengelig innhold på nettet.

WCAG ble først publisert i 1999 med mål om å fjerne barrierer på nettet. De gir konkrete anbefalinger om hvordan man kan gjøre nettsider tilgjengelige gjennom både teknisk utforming og innhold. For de nyeste anbefalingene og retningslinjene, kan du besøke WCAGs offisielle nettside hos W3C.

Hvorfor WCAG-retningslinjene er viktige

WCAG er avgjørende for å sikre at digitalt innhold er tilgjengelig for alle brukere, uavhengig av ferdighetsnivå. Retningslinjene gir klare føringer for hvordan nettsider og apper skal utformes slik at de kan brukes av personer med funksjonsnedsettelser. Dette inkluderer for eksempel personer med synshemninger, hørselsnedsettelser eller motoriske utfordringer.

WCAGs rolle i sammenheng med BFSG

WCAG er ikke bare en teknisk anbefaling, men også grunnlaget for juridiske forskrifter som Lov om styrking av tilgjengelighet (BFSG) i Tyskland. Bedrifter og offentlige institusjoner vil være forpliktet til å gjøre nettsider tilgjengelige for å forhindre diskriminering på bakgrunn av funksjonsnedsettelse. WCAG sørger for at kravene til universell utforming blir internasjonalt standardiserte og målbare, slik at etterlevelse av slike lover blir sporbar og etterprøvbar.

Viktigheten av tilgjengelighet i det digitale rommet

I det digitale rommet er barrierer like problematiske som i den fysiske verden. En utilgjengelig nettside ekskluderer personer med funksjonsnedsettelser og hindrer dem i å delta fullt ut i samfunns- og arbeidsliv. Tilgjengelighet er derfor både en teknisk nødvendighet og en essensiell del av sosial inkludering.

De 4 WCAG-prinsippene

Retningslinjene er basert på fire grunnprinsipper. Hvert prinsipp bidrar til å identifisere og fjerne barrierer som kan hindre personer med funksjonsnedsettelser i å bruke nettet. Disse prinsippene er:

1. Oppfattbarhet

Prinsippet om oppfattbarhet sier at informasjon og brukergrensesnitt må presenteres på en måte som gjør det mulig for alle brukere å oppfatte dem. Personer med ulike funksjonsnedsettelser, som syns- eller hørselshemming, må kunne motta innholdet i en form de forstår.
Eksempler:

• Tekstalternativer for bilder: Bilder bør ha såkalt alternativ tekst (alt-tekst) som beskriver bildet. Dette hjelper synshemmede brukere som bruker skjermlesere med å forstå bildenes innhold. For eksempel: I stedet for bare å vise et bilde av et “tre”, kan alt-teksten være: “Et grønt tre i parken om våren”.
• Undertekster for videoer: Videoer bør alltid inkludere undertekster eller transkripsjoner slik at også døve og hørselshemmede forstår innholdet. For eksempel kan en video som forklarer et produkt ha undertekster som gjengir den talte teksten.
• Fargekontraster: For brukere med visse synshemninger, som fargeblindhet, er kontrasten mellom tekst og bakgrunn svært viktig. Riktige fargevalg forbedrer også brukeropplevelsen på nettsiden. Du kan lese mer om dette i vår artikkel om valg av de beste fargene for nettsiden din.

2. Brukbarhet

Dette prinsippet krever at brukergrensesnittet og navigasjonen må være utformet slik at de kan brukes av alle brukere, uavhengig av ferdigheter eller teknologivalg. Dette inkluderer både de som bruker mus og tastatur, og de som benytter alternative inndataenheter som talesystemer eller joysticker.
Eksempler:

• Tastaturtilgjengelighet: En nettside må kunne brukes fullt ut med bare tastatur slik at brukere med motoriske funksjonsnedsettelser slipper å bruke mus. Alle interaktive elementer som skjemaer, lenker eller knapper bør være tilgjengelige ved hjelp av tabulatortasten eller andre hurtigtaster. Et eksempel er at fokusmarkering ved tastaturnavigasjon er synlig på alle sider, slik at brukeren vet hvilket element han er på.
• Unngå tidsbegrensninger: På nettsider bør ingen interaktive elementer eller handlinger kjøres automatisk uten at brukeren får tilstrekkelig tid. Hvis for eksempel et skjema har en tidsfrist for utfylling, bør det være mulig å forlenge eller pause den.
• Unngå blinkende innhold: Elementer som blinker eller flimrer raskt (som bannere eller annonser) kan utgjøre en risiko for personer med epilepsi eller andre nevrologiske lidelser. Nettsider bør unngå slike effekter eller tilby en enkel måte å slå dem av på.

3. Forståelighet

Dette prinsippet sier at informasjon og brukergrensesnitt må være utformet slik at de er forståelige for alle brukere. Dette gjelder både teksten som vises på en side, og strukturen og funksjonaliteten på siden.
Eksempler:

• Enkelt språk: Språket på en nettside bør være klart og enkelt. Komplekse faguttrykk eller for lange setninger kan være en barriere for personer med kognitive funksjonsnedsettelser. Et enkelt eksempel: I stedet for “Klikk her for å verifisere dine transaksjoner” i en CTA, kan man skrive “Bekreft transaksjonene dine her.”
• Konsistent navigasjon: Alle interaktive elementer og navigasjon på nettsiden bør være konsekvente og forutsigbare. For eksempel bør “Tilbake”-knappen alltid plasseres på samme sted på siden, slik at brukerne vet hvor de finner den.
• Feilmeldinger: Hvis brukerne gjør en feil ved innskriving, bør nettsiden vise tydelige feilmeldinger som hjelper dem å forstå og rette feilen. For eksempel: “Vennligst oppgi en gyldig e-postadresse” i stedet for bare “Feil.”

4. Robusthet

Prinsippet om robusthet betyr at nettsider må utformes slik at de fungerer og forblir kompatible på tvers av ulike enheter, nettlesere og hjelpemiddelteknologier, inkludert skjermlesere og stemmestyring.
Eksempler:

• Flerenhetskompatibilitet: Nettsider må være designet for å fungere godt på både stasjonære datamaskiner, nettbrett og smarttelefoner. Et mobilvennlig design sikrer at innholdet vises korrekt på alle enheter. En nettside som tilpasser seg optimalt til brukerens enhet kalles responsiv. Med Nettsidebygger fra one.com kan du enkelt lage en mobiloptimalisert nettside.
• Bruk av standardteknologier: Nettsider bør følge HTML- og CSS-standarder slik at de kan tolkes korrekt av ulike nettlesere og hjelpemidler. En godt strukturert HTML-side sørger for at en skjermleser kan lese innholdet riktig uten misforståelser.
• Feiltoleranse: Nettsider bør utformes så robust at de ikke slutter å fungere selv ved feil i inndata eller problemer med eksterne systemer. For eksempel bør en nettside lastes korrekt selv om en ekstern tjeneste, som en værmelding, midlertidig er utilgjengelig.

De tre nivåene av WCAG-etterlevelse

WCAG-standarden definerer tre ulike nivåer for samsvar: A, AA og AAA. Disse nivåene angir hvor mye tilgjengelighet en nettside tilbyr, fra det mest grunnleggende (A) til det høyeste og mest omfattende (AAA).

1. Nivå A (Minimumsnivå)

Dette er det mest grunnleggende nivået og stiller krav til at nettsiden er tilgjengelig for noen brukere med funksjonsnedsettelser.
Eksempler på krav:

• Alle bilder må ha alternativ tekst (alt-tekst)
• Nettstedet må kunne brukes med tastatur
• Videoer må ikke spille av automatisk uten mulighet for å stoppe dem

2. Nivå AA (Anbefalt nivå)

Dette nivået krever at nettsiden er tilgjengelig for de fleste brukere, inkludert de med moderate funksjonsnedsettelser. Nivå AA er det vanligste målet for offentlige og mange private nettsider.
Eksempler på krav:

• Minimum fargekontrast mellom tekst og bakgrunn må være 4.5:1
• Feilmeldinger i skjemaer må være tydelige og forklare hvordan de kan løses
• Navigasjon må være konsistent på tvers av nettsiden

3. Nivå AAA (Høyeste nivå)

Dette er det mest omfattende nivået og er ment å sikre maksimal tilgjengelighet for alle brukere. Det er krevende å oppfylle alle kravene på dette nivået, og det er derfor sjelden påkrevd at nettsider overholder alt her.
Eksempler på krav:

• Minst én versjon av innholdet må være skrevet i et svært lettfattelig språk
• Brukeren må kunne justere linjeavstand, tegnavstand og ordavstand
• All lydinnhold må ha både tekst og tegnspråktolk

Hva betyr det for deg?

Hvis du bygger eller drifter en nettside, bør du sikte på å oppfylle minst nivå AA. Dette gir god tilgjengelighet for de fleste brukere, og det oppfyller også kravene i de fleste nasjonale og internasjonale lover om universell utforming.

For virksomheter i EU (inkludert Norge) er WCAG 2.1 nivå AA i mange tilfeller det minimumsnivået som må overholdes – spesielt for offentlige nettsider, apper og digitale tjenester.

WCAG og EU-direktivet om universell utforming (EAA)

EUs direktiv om universell utforming (European Accessibility Act – EAA) forplikter både offentlige og private virksomheter som er aktive i EU, til å gjøre sine digitale løsninger tilgjengelige for alle. Direktivet gjør overholdelse av WCAG til et juridisk krav.

De juridiske kravene i henhold til EAA

EAA introduserer klare og bindende krav til tilgjengelighet for offentlige organer og private virksomheter. Dette omfatter nettsteder, mobilapplikasjoner og andre digitale tjenester, og stiller spesifikke krav i tråd med WCAG 2.1-nivå AA.

1. Tidsfrister for implementering:
   EAA fastsetter en tydelig frist for når kravene skal være oppfylt. Innen 28. juni 2025 må både offentlige og private aktører som tilbyr digitale tjenester (som netthandel, banktjenester, reisebestilling osv.) sørge for at disse er universelt utformet og tilgjengelige for alle brukere.
2. Konsekvenser ved manglende etterlevelse:
   Virksomheter som ikke oppfyller kravene, kan bli ilagt betydelige bøter, avhengig av hvilket EU-land de opererer i og størrelsen på selskapet. I tillegg kan brukere som ikke får tilgang til tjenester, gå rettens vei og fremme klage. I noen tilfeller kan virksomheter bli dømt for brudd på tilgjengelighetslovgivningen.
3. Kontroller og revisjoner:
   EAA krever at tilgjengeligheten på nettsteder og apper kontrolleres jevnlig. Dette kan gjøres gjennom egenrapportering fra virksomhetene selv eller gjennom eksterne revisjoner. Målet er å sikre at tilgjengeligheten ikke bare implementeres, men også opprettholdes over tid og stadig forbedres.

WCAG-retningslinjene – avgjørende for et digitalt samfunn uten barrierer

WCAG-retningslinjene er avgjørende for å skape en digital verden som er tilgjengelig for alle, uavhengig av individuelle forutsetninger eller funksjonsnedsettelser. De er ikke bare en teknisk nødvendighet, men også en etisk og juridisk standard som stadig flere land har innført.

Å implementere WCAG bidrar ikke bare til digital inkludering, men forbedrer også brukeropplevelsen for alle. Nettsteder som følger disse retningslinjene blir mer brukervennlige og tilgjengelige, noe som igjen støtter opp under et mer rettferdig samfunn. Ved å følge WCAG sørger du for at internett blir et sted der alle mennesker – uansett behov – får lik tilgang.

Benytt anledningen til å gjøre nettstedet ditt tilgjengelig, slik at du både overholder lovkrav, forbedrer brukeropplevelsen og utvider rekkevidden din.