Hva nettstedet ditt må oppfylle etter WCAG 2.1 og 2.2

WCAG er de verdensomspennende retningslinjene for universelt utformede nettsteder. I Tyskland er det det midtre nivået AA av WCAG 2.1 som er lovpålagt, fastsatt gjennom den europeiske standarden EN 301 549. Du trenger ikke kunne retningslinjene utenat, men du bør forstå logikken: fire prinsipper, tre nivåer, ett klart mål. Denne artikkelen forklarer begge deler uten fagsjargong, slik at du vet hva bedriftsnettstedet ditt konkret må oppfylle.

WCAG, BFSG og EN 301 549: Hvordan henger dette sammen?

Tre forkortelser dukker stadig opp når temaet er universell utforming. De høres kompliserte ut, men beskriver egentlig bare en enkel kjede: et faglig grunnlag, en europeisk standard og en tysk lov.

De tre begrepene kort forklart

• WCAG: Web Content Accessibility Guidelines fra W3C er det internasjonale faglige grunnlaget. I versjonene 2.1 og 2.2 beskriver de hvordan universelt utformet webinnhold må utformes teknisk.
• EN 301 549: Den europeiske standarden gjør WCAG bindende for Europa og utfyller dem med egne punkter. For webinnhold overtar den WCAG-kriteriene til og med nivå AA.
• BFSG: Det tyske loven om styrking av universell utforming (Barrierefreiheitsstärkungsgesetz) er den tyske loven som setter disse kravene ut i livet. Den forplikter siden 28. juni 2025 mange bedrifter med digitale produkter og tjenester for forbrukere til å sørge for universell utforming.

For deg betyr det: Uansett hvilken vei du kommer til plikten, er det praktiske målet til slutt alltid WCAG 2.1 nivå AA. Denne logikken er ingen tysk særordning. Også European Accessibility Act og den amerikanske Section 508 bygger på de samme WCAG-kriteriene.

Hvilke bøter du risikerer ved brudd

Den som bryter BFSG, risikerer ikke bare advarsler, men også bøter. Avhengig av bruddet åpner loven for bøter på opptil 100 000 euro. Denne plikten er imidlertid bare den ene siden. Den andre er rekkevidde, for i Tyskland bor det 7,9 millioner mennesker med anerkjent alvorlig funksjonsnedsettelse, det er 9,3 prosent av befolkningen.

Hva er WCAG, og hvorfor angår det bedriften din?

Hva betyr WCAG?

WCAG står for Web Content Accessibility Guidelines, altså retningslinjer for universelt utformet webinnhold. Utgiver er World Wide Web Consortium (W3C), det internasjonale organet som utvikler de tekniske standardene for nettet. WCAG-retningslinjene beskriver hvordan et nettsted må utformes for at mennesker med funksjonsnedsettelser skal kunne bruke det. Med det menes ikke bare blinde mennesker. Det handler like mye om mennesker med nedsatt syn, motoriske begrensninger, hørselshemninger eller kognitive utfordringer.

Viktig for forståelsen: Universell utforming hjelper langt flere mennesker enn det statistikken over funksjonsnedsettelser alene antyder. En brukket arm, sterkt sollys på smarttelefonskjermen eller et bråkete miljø uten hodetelefoner skaper også midlertidige barrierer. Den som bygger nettstedet sitt for de vanskeligste tilfellene, gjør det enklere å bruke for alle. Her ligger den ofte oversette forretningsmessige kjernen: Et universelt utformet nettsted er ganske enkelt et bedre laget nettsted.

For bedriften din er WCAG viktig av en enkel grunn: Nesten alle lover om universell utforming i verden viser til dem. Også i Tyskland står ikke WCAG direkte i loven, men gjennom den europeiske standarden er EN 301 549 det tekniske målet som myndigheter og siden 2025 også mange bedrifter måles etter. Den som vil vite hva et "universelt utformet nettsted" betyr teknisk, ender altså alltid opp hos WCAG.

WCAG 2.0, 2.1 og 2.2: de tre versjonene i oversikt

Det finnes tre versjoner som spiller en rolle i dag. WCAG 2.0 kom i 2008, WCAG 2.1 den 5. juni 2018 og WCAG 2.2 den 5. oktober 2023. Hver nye versjon bygger på den forrige og utfyller den uten å fjerne gamle krav. Den som oppfyller WCAG 2.2, oppfyller dermed automatisk også 2.1 og 2.0.

Hvilket WCAG-nivå må nettstedet ditt oppfylle?

Nivå A, AA og AAA sammenlignet

WCAG har tre samsvarsnivåer: A, AA og AAA. De beskriver hvor langt den universelle utformingen rekker. Nivå A dekker de mest grunnleggende kravene, som et nettsted ikke ville vært brukbart i det hele tatt uten for enkelte mennesker. Nivå AA omfatter i tillegg de kriteriene som i praksis gjør størst forskjell, som tilstrekkelig fargekontrast. Nivå AAA er det strengeste trinnet og er i mange tilfeller ikke engang oppnåelig for et helt nettsted.

Hvorfor nivå AA er det lovpålagte målet

For praksis gjelder en klar tommelfingerregel: Det som kreves er nivå AA. Den europeiske standarden EN 301 549, som det tyske BFSG bygger på, overtar kriteriene i WCAG 2.1 til og med nivå AA. AAA trenger du ikke å strebe etter. W3C selv anbefaler uttrykkelig ikke AAA som et generelt mål for komplette nettsteder.

Et eksempel gjør forskjellen håndgripelig. Når det gjelder fargekontrast, krever nivå A ennå ingen minsteverdi, nivå AA krever en klart målbar kontrast mellom tekst og bakgrunn, og nivå AAA skjerper denne verdien enda et hakk. I praksis strander mange nettsteder allerede på AA-kravet, fordi lyse gråtoner på hvit bakgrunn ser moderne ut, men knapt er leselige for eldre eller synshemmede brukere. Det påkrevde AA-nivået er altså ikke en byråkratisk detalj, men adresserer nettopp de problemene som virkelige mennesker opplever daglig.

Det er en god nyhet for beslutningstakere. Du trenger ikke å gjennomføre det teknisk maksimale, men et klart definert og oppnåelig nivå. Om denne plikten i det hele tatt gjelder for bedriften din, avhenger av bransjen din og tilbudet ditt. Dette spørsmålet avklarer du raskest med vår BFSG-hurtigsjekk, som viser om BFSG gjelder for deg.

De fire prinsippene i WCAG enkelt forklart

Bak de mange enkeltkriteriene i WCAG ligger bare fire grunntanker. På engelsk danner forbokstavene deres huskeordet POUR. På norsk lyder de fire prinsippene: mulig å oppfatte, mulig å betjene, forståelig og robust. Når du forstår disse fire begrepene, forstår du hele retningslinjen.

Mulig å oppfatte

All informasjon må kunne oppfattes med sansene. Et bilde trenger en alternativtekst, slik at en skjermleser kan lese det opp. En video trenger undertekster. Tekster trenger nok kontrast mot bakgrunnen, slik at også mennesker med svakt syn kan lese dem. Ingen skal være utestengt fra informasjon bare fordi de ikke kan se eller høre den.

Mulig å betjene

Nettstedet må kunne styres fullstendig, også uten mus. Mange mennesker betjener nettet utelukkende via tastaturet eller via hjelpemidler som etterligner et tastatur. Hver lenke, hvert skjemafelt og hver knapp må altså kunne nås og utløses med Tab-tasten. Også nok tid til å fylle inn og det å unngå flimrende innhold hører hjemme her.

Forståelig

Dette prinsippet retter seg mot innhold og betjening. Tekster bør være klart formulert, navigasjonen forutsigbar, og skjemaer bør forklare tydelig hva som skal fylles inn og hva man skal gjøre ved en feil. Et nettsted som er teknisk tilgjengelig, men forvirrende i innholdet, hjelper ingen.

Robust

Dette er det tekniske prinsippet. Koden må være så ryddig at dagens og fremtidens hjelpemidler tolker den riktig. Her viser det seg hvorfor det tekniske grunnlaget til et nettsted er så viktig. Ryddig, semantisk HTML er forutsetningen for at en skjermleser gjenkjenner en overskrift som en overskrift og en knapp som en knapp.

Fra prinsippene til de testbare suksesskriteriene

Disse fire prinsippene er bevisst holdt abstrakte. Under dem henger de konkrete, testbare suksesskriteriene, der hvert enkelt er knyttet til ett av de tre nivåene A, AA eller AAA. Du som beslutningstaker trenger ikke å kjenne enkeltkriteriene. Det holder å ha de fire begrepene som en sjekkliste i hodet: Kan alle oppfatte det, kan alle betjene det, forstår alle det, og er det teknisk ryddig bygd? Den som stiller disse fire spørsmålene ved en ny funksjon, unngår de fleste barrierer på forhånd.

Hva har endret seg med WCAG 2.2?

Ni nye suksesskriterier sammenlignet med WCAG 2.1

WCAG 2.2 er ingen revolusjon, men en utvidelse. Den legger til ni ekstra suksesskriterier sammenlignet med WCAG 2.1. De fleste av dem gjelder detaljer som fjerner reelle hindringer i hverdagen. Det handler blant annet om at tastaturfokuset ikke skal kunne skjules av andre elementer, at klikkbare flater skal ha en minstestørrelse, og at innloggingsprosesser skal klare seg uten hukommelsestester som det å taste inn koder.

En endring er særlig relevant for praksis: Det gamle kriteriet 4.1.1 om korrekt kodemerking ble strøket som foreldet i WCAG 2.2, fordi moderne nettlesere i dag selv oppfyller det opprinnelige formålet. Du trenger ikke å huske disse kriterienumrene. Det viktige er retningen: WCAG tilpasses løpende til den reelle bruken, for eksempel til betjening via smarttelefon og berøringsskjerm. Nettopp de større klikkflatene fra WCAG 2.2 er en direkte innrømmelse av at de fleste mennesker i dag er på mobil.

WCAG 2.1 eller 2.2: hva du bør satse på i dag

Bør du altså satse på 2.1 eller 2.2 i dag? Det som er rettslig bindende i Tyskland akkurat nå, er nivå AA av WCAG 2.1. Den som bygger nytt, bør likevel orientere seg etter WCAG 2.2. Merarbeidet er lite, og du bygger nettstedet ditt fremtidssikkert i stedet for å senere måtte hale inn et lovkrav som med all sannsynlighet vil stige. Mer om det store bildet finner du i vår fullstendige oversikt over universell utforming på nett.

Hvilke WCAG-feil er vanligst på bedriftsnettsteder?

De tre vanligste WCAG-bruddene

Den gode nyheten først: De fleste bruddene er ingen eksotiske særtilfeller, men alltid de samme klassikerne. WebAIM Million-rapporten 2025 undersøkte en million forsider og fant målbare WCAG-feil på 94,8 prosent, i snitt 51 feil per side. Den som kjenner disse topp-feilene, vet hvor man bør sette inn først.

På topp står tre problemer. For lav tekstkontrast gjelder 79,1 prosent av sidene, manglende alternativtekster for bilder 55,5 prosent og manglende skjemamerking 48,2 prosent. Alle tre kan knyttes direkte til de fire prinsippene: Kontraster og alternativtekster hører til "mulig å oppfatte", merkede skjemaer til "forståelig". Her ligger den praktiske verdien av firprinsippsmodellen. Den knytter hver feil til en klar kategori.

Hvorfor det tekniske grunnlaget avgjør arbeidsmengden

Det er påfallende at nesten alle disse feilene ligger i den tekniske gjennomføringens ansvar, ikke i redaksjonens. En kontrast fastsettes i designet, en skjemamerking i koden. På et moderne, komponentbasert system blir en knapp som er bygd riktig én gang, brukt riktig overalt. På et nettsted som har vokst over år med mange utvidelser, må derimot ofte hvert eneste sted utbedres for seg. I prosjekter med B2B-kunder ser jeg stadig at det ryddige tekniske grunnlaget til slutt avgjør arbeidsmengde og kostnader.

Hos Evelan satser vi på en stack med Next.js og et hodeløst CMS, fordi ryddig, semantisk HTML der er regelen og ikke unntaket. Det bidrar direkte til WCAG-prinsippet "robust" og senker arbeidet med å holde et nettsted i samsvar. Hvor mye en universelt utformet gjennomføring koster, kan du lese i innlegget vårt om hva et universelt utformet nettsted koster.

Hvordan sjekker du om nettstedet ditt oppfyller WCAG?

Automatiske WCAG-verktøy og deres grenser

Den første reaksjonen hos mange bedrifter er et gratis nettverktøy. Programmer som axe, WAVE eller den innebygde Lighthouse i Chrome skanner en side på sekunder og leverer en feilliste. Det er et fornuftig utgangspunkt, men bare den halve sannheten. Automatiske verktøy avdekker bare en del av WCAG-problemene, på langt nær alle. De gjenkjenner en manglende alternativtekst, men kan ikke vurdere om en eksisterende tekst også gir mening.

Manuell sjekk med tastatur og skjermleser

En viktig del nummer to er den manuelle sjekken. Da betjenes siden utelukkende via tastaturet og gjennomgås med en skjermleser, slik berørte mennesker gjør det daglig. Først da viser det seg om rekkefølgen er logisk, om fokuset forblir synlig og om skjemaene virkelig er forståelige.

En annen byggekloss, ikke den viktigste, men ofte undervurdert, er testen med ekte brukere. Når mennesker med funksjonsnedsettelse faktisk betjener nettstedet ditt, kommer hindringer for dagen som verken et verktøy eller en sjekkliste fanger opp. For mange små og mellomstore bedrifter er dette ikke et obligatorisk steg, men allerede to eller tre tilbakemeldinger fra praksis er ofte mer opplysende enn noen automatisk rapport. En seriøs sjekk forlater seg derfor ikke på et enkelt verktøy, men kombinerer flere nivåer. Den følgende sjekklisten hjelper deg med å plassere nettstedet ditt grovt selv, før du bestiller en profesjonell vurdering.

Relaterte Evelan-artikler

• Universelt utformet nettsted: Veiledningen for bedrifter
• BFSG-hurtigsjekk: Gjelder plikten til universell utforming for nettstedet mitt?
• Få laget et universelt utformet nettsted: Kostnader, prosess og det byråene ikke sier
• Nettstedsrelansering som en investering i fremtiden

Kilder

• W3C Web Accessibility Initiative: WCAG 2 Overview (2023)
• W3C Web Accessibility Initiative: What's New in WCAG 2.2 (2023)
• WebAIM: The WebAIM Million — Annual Accessibility Analysis of the Top 1.000.000 Home Pages (2025)
• Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik: Harmonisert europeisk standard EN 301 549 (2025)
• Bundesfachstelle Barrierefreiheit: Det tyske loven om styrking av universell utforming (BFSG) — oversikt og ikrafttredelse (2025)
• gesetze-im-internet.de: BFSG § 37 — Bøteforskrifter (2025)
• Statistisches Bundesamt: 7,9 millioner mennesker med alvorlig funksjonsnedsettelse bor i Tyskland (2024)