WCAG 2.2 tjekliste: Alle 86 succeskriterier forklaret

Denne tjekliste dækker hvert succeskriterie i WCAG 2.2, organiseret efter de fire POUR-principper og tretten retningslinjer. Hvert kriterie inkluderer dets overensstemmelsesniveau, en praktisk forklaring og vejledning om, hvad det betyder i praksis.

Princip 1: Opfatteligt

Information og brugergrænsefladekomponenter skal kunne præsenteres for brugerne på måder, de kan opfatte.

Retningslinje 1.1: Tekstalternativer

1.1.1 Ikke-tekstuelt indhold (niveau A) — Alt ikke-tekstuelt indhold, der præsenteres for brugeren, har et tekstalternativ, der tjener det tilsvarende formål. Dette inkluderer billeder, ikoner, diagrammer, lyd, video, animationer, CAPTCHA og dekorative elementer. Informative billeder har brug for beskrivende alt-tekst. Funktionelle billeder har brug for alt-tekst, der beskriver funktionen. Dekorative billeder har brug for tom alt-tekst. Komplekse billeder har brug for detaljerede tekstbeskrivelser.

Retningslinje 1.2: Tidsbaserede medier

1.2.1 Kun lyd og kun video — forudindspillet (niveau A) — Giv en transskription til forudindspillet lyd-indhold og enten en transskription eller synstolkning til forudindspillet video-only-indhold.

1.2.2 Undertekster — forudindspillet (niveau A) — Giv synkroniserede undertekster til al forudindspillet video med lydindhold.

1.2.3 Synstolkning eller mediealternativ — forudindspillet (niveau A) — Giv en synstolkning eller et komplet tekstalternativ til forudindspillet videoindhold.

1.2.4 Undertekster — live (niveau AA) — Giv realtidsundertekster til al live-lyd i videoindhold.

1.2.5 Synstolkning — forudindspillet (niveau AA) — Giv synstolkning til al forudindspillet videoindhold, hvor vigtig visuel information ikke allerede formidles via lyden.

Retningslinje 1.3: Tilpasningsmuligt

1.3.1 Information og relationer (niveau A) — Information, struktur og relationer, der formidles gennem præsentationen, kan programmatisk bestemmes eller er tilgængelige i tekst. Brug korrekt overskriftsmarkering, listemarkering, tabelmarkering, formularlabels og landmarks til at formidle den struktur, der er visuelt tydelig.

1.3.2 Meningsfuld rækkefølge (niveau A) — Når den rækkefølge, indhold præsenteres i, påvirker dets betydning, kan en korrekt læserækkefølge programmatisk bestemmes. DOM-rækkefølgen bør matche den visuelle rækkefølge.

1.3.3 Sansemæssige karakteristika (niveau A) — Instruktioner til at forstå og betjene indhold baserer sig ikke udelukkende på sansemæssige karakteristika som form, farve, størrelse, visuel placering, retning eller lyd.

1.3.4 Orientering (niveau AA) — Indhold begrænser ikke sin visning og betjening til en enkelt skærmretning, medmindre en specifik orientering er afgørende.

1.3.5 Identificér inputformål (niveau AA) — Formålet med formularinputfelter, der indsamler brugeroplysninger, kan programmatisk bestemmes ved hjælp af autocomplete-attributten.

Retningslinje 1.4: Skelnerbart

1.4.1 Brug af farve (niveau A) — Farve bruges ikke som det eneste visuelle middel til at formidle information, angive en handling, opfordre til en reaktion eller skelne et visuelt element.

1.4.2 Lydkontrol (niveau A) — Hvis lyd afspilles automatisk i mere end tre sekunder, giv en mekanisme til at sætte på pause, stoppe eller kontrollere lydstyrken uafhængigt.

1.4.3 Kontrast — minimum (niveau AA) — Tekst og billeder af tekst har et kontrastforhold på mindst 4,5:1, undtaget stor tekst (3:1), tilfældig tekst og logotyper.

1.4.4 Ændring af tekststørrelse (niveau AA) — Tekst kan forstørres op til 200 % uden tab af indhold eller funktionalitet.

1.4.5 Billeder af tekst (niveau AA) — Tekst bruges til at formidle information frem for billeder af tekst, undtagen hvor en bestemt visuel præsentation er afgørende.

1.4.10 Ombrydning (niveau AA) — Indhold kan præsenteres uden tab af information eller funktionalitet og uden at kræve scrollning i to dimensioner ved 320 CSS-pixels bredde for vertikalt indhold og 256 CSS-pixels højde for horisontalt indhold.

1.4.11 Ikke-tekst kontrast (niveau AA) — Brugergrænsefladekomponenter og meningsfulde grafiske objekter har et kontrastforhold på mindst 3:1 mod tilstødende farver.

1.4.12 Tekstafstand (niveau AA) — Intet tab af indhold eller funktionalitet opstår, når brugere justerer linjehøjden til 1,5x skriftstørrelsen, afsnitsafstanden til 2x skriftstørrelsen, bogstavafstanden til 0,12x skriftstørrelsen og ordafstanden til 0,16x skriftstørrelsen.

1.4.13 Indhold ved hover eller fokus (niveau AA) — Hvor modtagelse og fjernelse af musemarkør-hover eller tastaturfokus udløser yderligere indhold, der vises og forsvinder, er det indhold afvisningsbart, hoverbart og vedvarende.

Princip 2: Betjenbart

Brugergrænsefladekomponenter og navigation skal kunne betjenes.

Retningslinje 2.1: Tastaturtilgængelighed

2.1.1 Tastatur (niveau A) — Al funktionalitet kan betjenes via et tastaturinterface uden at kræve specifikke timinger.

2.1.2 Ingen tastaturfælde (niveau A) — Hvis tastaturfokus kan flyttes til en komponent, kan fokus også flyttes væk udelukkende med tastatur.

2.1.4 Tegntastgenveje (niveau A) — Hvis en tastaturgenvej kun bruger bogstav-, tegnsætnings-, tal- eller symboltegn, kan genvejen slås fra, omdefineres eller aktiveres kun, når den relevante komponent har fokus.

Retningslinje 2.2: Tilstrækkelig tid

2.2.1 Justerbar timing (niveau A) — For enhver tidsbegrænsning sat af indhold kan brugeren slå den fra, justere den eller forlænge den.

2.2.2 Pause, stop, skjul (niveau A) — For indhold, der bevæger sig, blinker, ruller eller automatisk opdateres, og som starter automatisk og varer mere end fem sekunder, kan brugere sætte det på pause, stoppe det eller skjule det.

Retningslinje 2.3: Anfald og fysiske reaktioner

2.3.1 Tre blink eller under tærskel (niveau A) — Intet på siden blinker mere end tre gange i nogen et-sekunds periode.

Retningslinje 2.4: Navigerbart

2.4.1 Spring blokke over (niveau A) — En mekanisme er tilgængelig til at springe gentagne indholdsblokke over, som f.eks. spring-navigationslinks.

2.4.2 Sidetitel (niveau A) — Websider har titler, der beskriver deres emne eller formål.

2.4.3 Fokusrækkefølge (niveau A) — Fokuserbare komponenter modtager fokus i en rækkefølge, der bevarer mening og betjenbarhed.

2.4.4 Linkformål — i kontekst (niveau A) — Formålet med hvert link kan bestemmes ud fra linkteksten alene eller sammen med dens kontekst.

2.4.5 Flere metoder (niveau AA) — Mere end én metode er tilgængelig til at finde en side inden for et sæt sider.

2.4.6 Overskrifter og labels (niveau AA) — Overskrifter og labels beskriver deres emne eller formål.

2.4.7 Synligt fokus (niveau A) — Enhver tastaturbetjenelig brugergrænseflade har en synlig fokusindikator.

2.4.11 Fokus ikke skjult — minimum (niveau AA) — Når en komponent modtager tastaturfokus, er den ikke helt skjult af forfatterskabt indhold. (Nyt i WCAG 2.2)

2.4.12 Fokus ikke skjult — udvidet (niveau AAA) — Når en komponent modtager tastaturfokus, er ingen del af fokusindikatoren skjult af forfatterskabt indhold. (Nyt i WCAG 2.2)

2.4.13 Fokusudseende (niveau AAA) — Fokusindikatorer har tilstrækkelig størrelse (mindst en 2-pixel perimeter) og kontrast (mindst 3:1 mellem fokuseret og ufokuseret tilstand). (Nyt i WCAG 2.2)

Retningslinje 2.5: Inputmodaliteter

2.5.1 Markørgestusser (niveau A) — Al funktionalitet, der bruger flerpunkts- eller stibaserede gestusser, kan betjenes med en enkelt markør uden en stibaseret gestus.

2.5.2 Markørannullering (niveau A) — For enkelt-markør-funktionalitet udløses handlingen ved op-hændelsen og kan afbrydes eller fortrydes.

2.5.3 Label i navn (niveau A) — For komponenter med tekstlabels indeholder det tilgængelige navn den visuelt præsenterede tekst.

2.5.4 Bevægelsesaktivering (niveau A) — Funktionalitet udløst af enheds- eller brugerbevægelse kan også betjenes via en brugergrænsefladekomponent, og bevægelsesudløsning kan deaktiveres.

2.5.7 Trækbevægelser (niveau AA) — Al funktionalitet, der bruger træk, kan også opnås med en enkelt markør uden at trække. (Nyt i WCAG 2.2)

2.5.8 Målstørrelse — minimum (niveau AA) — Interaktive mål er mindst 24 gange 24 CSS-pixels, med undtagelser for inline-mål, brugeragent-kontrollerede mål og tilstrækkeligt adskilte mål. (Nyt i WCAG 2.2)

Princip 3: Forståeligt

Information og betjening af brugergrænsefladen skal være forståelig.

Retningslinje 3.1: Læsbart

3.1.1 Sidens sprog (niveau A) — Standardsproget for hver webside kan programmatisk bestemmes via lang-attributten.

3.1.2 Sprog for dele (niveau AA) — Sproget for hvert afsnit eller hver sætning kan programmatisk bestemmes, undtaget egennavne og fagtermer.

Retningslinje 3.2: Forudsigeligt

3.2.1 Ved fokus (niveau A) — Når en komponent modtager fokus, udløser den ikke en kontekstændring.

3.2.2 Ved input (niveau A) — Ændring af en komponents indstilling forårsager ikke automatisk en kontekstændring, medmindre brugeren er blevet adviseret på forhånd.

3.2.3 Konsistent navigation (niveau AA) — Navigationsmekanismer, der gentages på flere sider, optræder i den samme relative rækkefølge hver gang.

3.2.6 Konsistent hjælp (niveau A) — Hvis hjælpemekanismer vises på flere sider, optræder de i den samme relative rækkefølge. (Nyt i WCAG 2.2)

Retningslinje 3.3: Inputhjælp

3.3.1 Fejlidentifikation (niveau A) — Hvis en inputfejl automatisk opdages, identificeres det fejlbehæftede element, og fejlen beskrives i tekst.

3.3.2 Labels eller instruktioner (niveau A) — Labels eller instruktioner gives, når indhold kræver brugerinput.

3.3.3 Fejlforslag (niveau AA) — Hvis en inputfejl opdages og forslag er kendte, gives de til brugeren.

3.3.4 Fejlforebyggelse — juridisk, finansielt, data (niveau AA) — For sider, der forårsager juridiske forpligtelser, finansielle transaktioner eller dataændringer, er indsendelser reversible, kontrollerede eller bekræftbare.

3.3.7 Redundant indtastning (niveau A) — Information, der tidligere er indtastet i den samme proces, udfyldes automatisk eller er tilgængelig til valg. (Nyt i WCAG 2.2)

3.3.8 Tilgængelig autentificering — minimum (niveau AA) — En kognitiv funktionstest er ikke påkrævet til autentificering, medmindre alternativer eller hjælpemekanismer er til rådighed. Objektgenkendelsestests er tilladt. (Nyt i WCAG 2.2)

3.3.9 Tilgængelig autentificering — udvidet (niveau AAA) — Samme som 3.3.8 men uden undtagelsen for objektgenkendelse. (Nyt i WCAG 2.2)

Princip 4: Robust

Indhold skal være robust nok til at kunne fortolkes pålideligt af et bredt udvalg af brugerteknologier.

Retningslinje 4.1: Kompatibelt

4.1.2 Navn, rolle, værdi (niveau A) — For alle brugergrænsefladekomponenter kan navn og rolle programmatisk bestemmes, tilstande og egenskaber kan sættes, og ændringer er tilgængelige for hjælpeteknologier.

4.1.3 Statusmeddelelser (niveau AA) — Statusmeddelelser kan programmatisk bestemmes gennem rolle eller egenskaber, så de præsenteres for brugeren af hjælpeteknologier uden at modtage fokus.

Bemærk: SC 4.1.1 Parsing er fjernet fra WCAG 2.2 som forældet.

Niveau AAA-kriterier (yderligere)

Følgende niveau AAA-kriterier er ikke oplistet ovenfor, men er del af WCAG 2.2. De repræsenterer det højeste tilgængelighedsniveau og anbefales, hvor det er praktisk muligt:

1.2.6 Tegnsprog — forudindspillet (AAA) — Tegnsprogstolkning gives til al forudindspillet lydindhold.

1.2.7 Udvidet synstolkning (AAA) — Udvidet synstolkning gives, hvor pauser i lyden er utilstrækkelige til almindelig synstolkning.

1.2.8 Mediealternativ — forudindspillet (AAA) — Et komplet tekstalternativ gives til al forudindspillet synkroniseret medie- og video-only-indhold.

1.2.9 Kun lyd — live (AAA) — Et tekstalternativ gives til live-lydindhold.

1.3.6 Identificér formål (AAA) — Formålet med brugergrænsefladekomponenter, ikoner og regioner kan programmatisk bestemmes.

1.4.6 Kontrast — udvidet (AAA) — Tekst har et kontrastforhold på mindst 7:1 for normaltekst og 4,5:1 for stor tekst.

1.4.7 Lav eller ingen baggrundslyd (AAA) — Forudindspillet lyd-only-indhold, der primært indeholder tale, har lav eller ingen baggrundsstøj.

1.4.8 Visuel præsentation (AAA) — Tekstblokke tilbyder visuel tilpasning, herunder forgrunds-/baggrundsfarver, bredde, linjeafstand og justering.

1.4.9 Billeder af tekst — ingen undtagelse (AAA) — Billeder af tekst bruges kun til ren dekoration eller hvor det er afgørende.

2.1.3 Tastatur — ingen undtagelse (AAA) — Al funktionalitet kan betjenes via tastatur uden undtagelser.

2.2.3 Ingen timing (AAA) — Timing er ikke en afgørende del af hændelsen eller aktiviteten, undtaget realtids- og synkroniserede medier.

2.2.4 Afbrydelser (AAA) — Afbrydelser kan udskydes eller undertrykkes af brugeren.

2.2.5 Gen-autentificering (AAA) — Når en autentificeret session udløber, kan brugeren fortsætte efter gen-autentificering uden at miste data.

2.2.6 Timeouts (AAA) — Brugere advares om inaktivitets-timeouts, der kan forårsage datatab, medmindre data bevares i mindst 20 timer.

2.3.2 Tre blink (AAA) — Intet på siden blinker mere end tre gange per sekund, uden undtagelser.

2.3.3 Animation fra interaktioner (AAA) — Bevægelsesanimation udløst af interaktion kan deaktiveres, medmindre det er afgørende.

2.4.8 Placering (AAA) — Information om brugerens placering inden for et sæt sider er tilgængelig (f.eks. brødkrummer).

2.4.9 Linkformål — kun link (AAA) — Formålet med hvert link kan bestemmes ud fra linkteksten alene.

2.4.10 Sektionsoverskrifter (AAA) — Sektionsoverskrifter bruges til at organisere indhold.

2.5.5 Målstørrelse — udvidet (AAA) — Interaktive mål er mindst 44 gange 44 CSS-pixels.

2.5.6 Samtidige inputmekanismer (AAA) — Indhold begrænser ikke brugen af inputmodaliteter, der er tilgængelige på platformen.

3.1.3 Usædvanlige ord (AAA) — En mekanisme er tilgængelig til at identificere specifikke definitioner af ord eller udtryk brugt på en usædvanlig måde.

3.1.4 Forkortelser (AAA) — En mekanisme til at identificere den udvidede form af forkortelser er tilgængelig.

3.1.5 Læseniveau (AAA) — Når tekst kræver mere avancerede læsefærdigheder end grundskoleniveau, er supplerende indhold eller en alternativ version tilgængelig.

3.1.6 Udtale (AAA) — En mekanisme er tilgængelig til at identificere udtalen af ord, hvor betydningen er tvetydig uden udtale.

3.2.4 Konsistent identifikation (AA) — Komponenter med samme funktionalitet inden for et sæt sider identificeres konsistent.

3.2.5 Ændring på forespørgsel (AAA) — Kontekstændringer initieres kun af brugerforespørgsel, eller en mekanisme til at slå sådanne ændringer fra er tilgængelig.

3.3.5 Hjælp (AAA) — Kontekstsensitiv hjælp er tilgængelig.

3.3.6 Fejlforebyggelse — alle (AAA) — For alle sider, der kræver brugerinput, er indsendelser reversible, kontrollerede eller bekræftbare.