WCAG retningslinjer – hvad er WCAG 2.1 og WCAG 2.2?

Web Content Accessibility Guidelines

WCAG står for Web Content Accessibility Guidelines. Det er internationale retningslinjer for, hvordan man gør hjemmesider mere tilgængelige for alle. Retningslinjerne er udviklet af organisationen W3C og bruges over hele verden.

Formålet er at sikre, at mennesker med handicap også kan bruge digitale løsninger. Det gælder blandt andet personer med nedsat syn, hørelse eller motorik. Men webtilgængelighed hjælper faktisk alle brugere. Klare strukturer og tydelig navigation gør en hjemmeside lettere at bruge.

I dag er WCAG standarden for tilgængelighed på nettet. Mange love og regler henviser direkte til disse retningslinjer.

Læs mere om WCAG: Hvad er Web Content Accessibility Guidelines (WCAG)?

Hvad betyder webtilgængelighed?

Webtilgængelighed handler om, at alle mennesker skal kunne bruge en hjemmeside. Det gælder også dem, der bruger hjælpemidler som skærmlæsere eller tastaturnavigation.

Hvis en hjemmeside ikke er tilgængelig, kan nogle brugere ikke læse indholdet eller bruge funktionerne. Det kan for eksempel være, hvis billeder mangler beskrivelser, eller hvis farverne har for lav kontrast.

WCAG giver konkrete retningslinjer til, hvordan man undgår disse problemer.

Hvad er WCAG 2.1?

WCAG 2.1 blev udgivet i 2018. Det er en videreudvikling af WCAG 2.0, som i mange år var standarden for webtilgængelighed.

Den nye version tilføjede flere krav, især med fokus på mobile enheder og brugere med kognitive udfordringer. I dag er WCAG 2.1 stadig den mest anvendte standard i mange lande.

WCAG 2.1 indeholder i alt 78 succeskriterier. De beskriver helt konkret, hvordan man skal udvikle og designe digitale løsninger.

Retningslinjerne er opdelt i tre niveauer: A, AA og AAA. De fleste love kræver, at man overholder niveau AA. Den danske lovgivning kræver overholdelse på AA niveau.

Hvad er WCAG 2.2?

WCAG 2.2 blev offentliggjort i 2023. Denne version bygger videre på WCAG 2.1 og tilføjer flere nye krav.

Målet er at gøre digitale løsninger endnu lettere at bruge. Særligt for personer med kognitive udfordringer eller begrænset motorik.

WCAG 2.2 introducerer blandt andet krav om tydelig fokusmarkering og bedre hjælp ved formularer. Det gør det lettere at navigere og udfylde felter korrekt.

De eksisterende krav fra WCAG 2.1 er stadig gældende. WCAG 2.2 fungerer derfor som en udvidelse af den tidligere version.

WCAG og lovgivningen

WCAG danner grundlag for mange nationale og internationale tilgængelighedskrav, herunder:

EU’s Web Accessibility Directive (WAD), og den deraf følgende danske lovgivning – webtilgængelighedsloven for offentlige myndigheder
European Accessibility Act (EAA), og den deraf følgende danske lovgivning – tilgængelighedsloven for produkter og tjenester

Hvad er forskellen på WCAG 2.1 og 2.2?

WCAG 2.1 og WCAG 2.2 bygger på de samme grundlæggende principper for digital tilgængelighed. WCAG 2.2 er en videreudvikling af WCAG 2.1 og introducerer nye krav, der især forbedrer tilgængeligheden for brugere med kognitive udfordringer, nedsat syn og motoriske funktionsnedsættelser.

WCAG 2.2 indeholder alle kravene fra WCAG 2.1 samt ni nye succeskriterier. Der er altså ikke tale om en helt ny standard, men en udvidelse af den eksisterende version.

Organisationer, der allerede arbejder med WCAG 2.1, vil derfor typisk kunne opgradere relativt enkelt til WCAG 2.2.

Fokusområder i WCAG 2.2

De nye krav i WCAG 2.2 har særligt fokus på:

Bedre synlige fokusmarkeringer ved tastaturnavigation
Mere brugervenlige login- og autentificerings flows
Større klik- og touch områder
Hjælp til brugere med kognitive udfordringer
Mere konsekvent navigation og interaktion

Målet er at gøre digitale løsninger lettere at forstå og bruge — især på mobile enheder og i komplekse bruger flows.

Nye succeskriterier i WCAG 2.2

Nye succeskriterier på niveau A

2.6 Consistent Help
Hjælpefunktioner og support skal placeres konsekvent på tværs af sider og brugerflows.
3.7 Redundant Entry
Brugere skal ikke skulle indtaste de samme oplysninger flere gange i samme proces.

Nye succeskriterier på niveau AA

4.11 Focus Not Obscured (Minimum)
Tastaturfokus må ikke være helt skjult bag f.eks. sticky headers eller overlays.
5.7 Dragging Movements
Funktioner, der kræver drag-and-drop, skal også kunne bruges uden trækbevægelser.
5.8 Target Size (Minimum)
Klik- og touch områder skal have en minimumsstørrelse for at gøre dem lettere at ramme.
3.8 Accessible Authentication (Minimum)
Login og autentificering må ikke afhænge af hukommelse eller komplekse kognitive opgaver.

Nye succeskriterier på niveau AAA

4.12 Focus Not Obscured (Enhanced)
Tastaturfokus skal være fuldt synligt, når et element modtager fokus.
4.13 Focus Appearance
Fokusmarkeringer skal være tydelige og have tilstrækkelig størrelse og kontrast.
3.9 Accessible Authentication (Enhanced)
Udvidede krav til tilgængelig autentificering med endnu større fokus på brugervenlighed og alternative løsninger.

Fjernet succeskriterium

Følgende succeskriterium fra WCAG 2.1 blev fjernet i WCAG 2.2:

1.1 Parsing
Kravet blev fjernet, fordi moderne browsere og hjælpeteknologier håndterer parsing mere robust end tidligere.

Officielle WCAG-ressourcer

WCAG 2.1

WCAG 2.1 Recommendation (officiel standard)
Den officielle WCAG 2.1-specifikation med alle krav og succeskriterier.

Understanding WCAG 2.1
Detaljerede forklaringer og baggrund for hvert succeskriterium i WCAG 2.1.

How to Meet WCAG 2.1 (Quick Reference)
Filtrerbar oversigt over krav, niveauer og teknikker i WCAG 2.1.

Techniques for WCAG 2.1
Officielle teknikker og implementeringseksempler til WCAG 2.1.

WCAG 2.2

WCAG 2.2 Recommendation (officiel standard)
Den officielle specifikation med alle principper, retningslinjer og succeskriterier.

Understanding WCAG 2.2
Forklarer formålet med hvert succeskriterium, hvem det hjælper, og hvordan kravene skal forstås i praksis.

How to Meet WCAG 2.2 (Quick Reference)
En praktisk og filtrerbar oversigt over alle WCAG-krav med teknikker, eksempler og vejledninger.

Techniques for WCAG 2.2
Officielle implementeringsteknikker og eksempler til udviklere og designere.

Testregler og vejledninger

ACT Rules Format og testregler
Standardiserede testregler til automatiseret og manuel tilgængelighedstest.

WAI Tutorials
Praktiske guides til blandt andet navigation, formularer, billeder, tabeller og sidestruktur.

Gratis test af din webtilgængelighed

Overholder jeres hjemmeside loven? Det kan vi give dig svaret på ved at lave en hurtig og effektiv tilgængelighedstest for dig.