WCAG 2.2-sjekkliste: Alle 86 suksesskriterier forklart

Denne sjekklisten dekker hvert suksesskriterium i WCAG 2.2, organisert etter de fire POUR-prinsippene og tretten retningslinjene. Hvert kriterium inkluderer samsvarsnivå, en praktisk forklaring og veiledning om hva det betyr i praksis.

Prinsipp 1: Mulig å oppfatte

Informasjon og brukergrensesnittkomponenter må presenteres for brukere på måter de kan oppfatte.

Retningslinje 1.1: Tekstalternativer

1.1.1 Ikke-tekstlig innhold (nivå A) — Alt ikke-tekstlig innhold som presenteres for brukeren har et tekstalternativ som tjener det tilsvarende formålet. Dette inkluderer bilder, ikoner, diagrammer, lyd, video, animasjoner, CAPTCHA og dekorative elementer. Informative bilder trenger beskrivende alt-tekst. Funksjonelle bilder trenger alt-tekst som beskriver funksjonen. Dekorative bilder trenger tom alt-tekst. Komplekse bilder trenger detaljerte tekstbeskrivelser.

Retningslinje 1.2: Tidsbaserte medier

1.2.1 Kun lyd og kun video – forhåndsinnspilt (nivå A) — Tilby et transkript for forhåndsinnspilt lyd-bare innhold og enten et transkript eller synstolking for forhåndsinnspilt video-bare innhold.

1.2.2 Undertekster – forhåndsinnspilt (nivå A) — Tilby synkroniserte undertekster for all forhåndsinnspilt video med lydinnhold.

1.2.3 Synstolking eller mediealternativ – forhåndsinnspilt (nivå A) — Tilby synstolking eller fullstendig tekstalternativ for forhåndsinnspilt videoinnhold.

1.2.4 Undertekster – direkte (nivå AA) — Tilby sanntidsundertekster for all direkte lyd i videoinnhold.

1.2.5 Synstolking – forhåndsinnspilt (nivå AA) — Tilby synstolking for alt forhåndsinnspilt videoinnhold der viktig visuell informasjon ikke allerede formidles i lyden.

Retningslinje 1.3: Tilpasbart

1.3.1 Informasjon og relasjoner (nivå A) — Informasjon, struktur og relasjoner som formidles gjennom presentasjon kan programmatisk fastslås eller er tilgjengelig i tekst. Bruk riktig overskriftsmarkup, listemarkup, tabellmarkup, skjemamerkelapper og landemerker for å formidle strukturen som er visuelt synlig.

1.3.2 Meningsfull rekkefølge (nivå A) — Når rekkefølgen innholdet presenteres i påvirker meningen, kan en korrekt leserekkefølge programmatisk fastslås. DOM-rekkefølgen bør samsvare med den visuelle rekkefølgen.

1.3.3 Sensoriske egenskaper (nivå A) — Instruksjoner for å forstå og betjene innhold baserer seg ikke utelukkende på sensoriske egenskaper som form, farge, størrelse, visuell plassering, orientering eller lyd.

1.3.4 Orientering (nivå AA) — Innhold begrenser ikke visning og betjening til en enkelt skjermretning med mindre en spesifikk orientering er essensiell.

1.3.5 Identifiser inndataformål (nivå AA) — Formålet med skjemainndatafelt som samler inn brukerinformasjon kan programmatisk fastslås ved bruk av autocomplete-attributtet.

Retningslinje 1.4: Mulig å skille

1.4.1 Bruk av farge (nivå A) — Farge brukes ikke som eneste visuelle middel for å formidle informasjon, indikere en handling, fremkalle et svar eller skille et visuelt element.

1.4.2 Lydkontroll (nivå A) — Hvis lyd spilles av automatisk i mer enn tre sekunder, tilby en mekanisme for å pause, stoppe eller kontrollere volumet uavhengig.

1.4.3 Kontrast – minimum (nivå AA) — Tekst og bilder av tekst har et kontrastforhold på minst 4,5:1, med unntak for stor tekst (3:1), tilfeldig tekst og logotyper.

1.4.4 Endre tekststørrelse (nivå AA) — Tekst kan forstørres opp til 200 % uten tap av innhold eller funksjonalitet.

1.4.5 Bilder av tekst (nivå AA) — Tekst brukes til å formidle informasjon i stedet for bilder av tekst, med unntak der en bestemt visuell presentasjon er essensiell.

1.4.10 Omflytting (nivå AA) — Innhold kan presenteres uten tap av informasjon eller funksjonalitet og uten å kreve rulling i to dimensjoner ved 320 CSS-piksler bredde for vertikalt innhold og 256 CSS-piksler høyde for horisontalt innhold.

1.4.11 Ikke-tekst kontrast (nivå AA) — Brukergrensesnittkomponenter og meningsfulle grafiske objekter har et kontrastforhold på minst 3:1 mot tilstøtende farger.

1.4.12 Tekstavstand (nivå AA) — Ingen tap av innhold eller funksjonalitet oppstår når brukere justerer linjehøyde til 1,5x skriftstørrelse, avsnittsavstand til 2x skriftstørrelse, bokstavavstand til 0,12x skriftstørrelse og ordavstand til 0,16x skriftstørrelse.

1.4.13 Innhold ved musepeker eller fokus (nivå AA) — Der mottak og fjerning av musepeker eller tastaturfokus utløser at ytterligere innhold vises og forsvinner, er det innholdet avvisbart, mulig å peke på og vedvarende.

Prinsipp 2: Mulig å betjene

Brukergrensesnittkomponenter og navigasjon må være mulig å betjene.

Retningslinje 2.1: Tastaturtilgjengelig

2.1.1 Tastatur (nivå A) — All funksjonalitet kan betjenes gjennom et tastaturgrensesnitt uten å kreve spesifikke tidsavhengigheter.

2.1.2 Ingen tastaturfelle (nivå A) — Hvis tastaturfokus kan flyttes til en komponent, kan fokus også flyttes bort kun ved bruk av tastatur.

2.1.4 Hurtigtaster med enkelttegn (nivå A) — Hvis en hurtigtast kun bruker bokstaver, tegnsetting, tall eller symboler, kan hurtigtasten slås av, tilordnes på nytt eller aktiveres kun når den relevante komponenten har fokus.

Retningslinje 2.2: Nok tid

2.2.1 Justerbar tidsavgrensning (nivå A) — For enhver tidsavgrensning satt av innhold kan brukeren slå av, justere eller forlenge tidsavgrensningen.

2.2.2 Pause, stopp, skjul (nivå A) — For bevegelig, blinkende, rullende eller automatisk oppdaterende innhold som starter automatisk og varer mer enn fem sekunder, kan brukere pause, stoppe eller skjule det.

Retningslinje 2.3: Anfall og fysiske reaksjoner

2.3.1 Tre glimt eller under terskel (nivå A) — Ingenting på siden blinker mer enn tre ganger i løpet av ett sekund.

Retningslinje 2.4: Navigerbart

2.4.1 Hoppe over blokker (nivå A) — En mekanisme er tilgjengelig for å hoppe over gjentatte innholdsblokker, som hopp-navigasjonslenker.

2.4.2 Sidetittel (nivå A) — Nettsider har titler som beskriver emnet eller formålet.

2.4.3 Fokusrekkefølge (nivå A) — Fokuserbare komponenter mottar fokus i en rekkefølge som bevarer mening og brukbarhet.

2.4.4 Lenkeformål – i kontekst (nivå A) — Formålet med hver lenke kan fastslås fra lenketeksten alene eller sammen med konteksten.

2.4.5 Flere måter (nivå AA) — Mer enn én måte er tilgjengelig for å finne en side innenfor et sett med sider.

2.4.6 Overskrifter og merkelapper (nivå AA) — Overskrifter og merkelapper beskriver emnet eller formålet.

2.4.7 Synlig fokus (nivå A) — Ethvert tastaturoperabelt brukergrensesnitt har en synlig fokusindikator.

2.4.11 Fokus ikke tildekket – minimum (nivå AA) — Når en komponent mottar tastaturfokus, er den ikke helt skjult av forfatteropprettet innhold. (Ny i WCAG 2.2)

2.4.12 Fokus ikke tildekket – forbedret (nivå AAA) — Når en komponent mottar tastaturfokus, er ingen del av fokusindikatoren skjult av forfatteropprettet innhold. (Ny i WCAG 2.2)

2.4.13 Fokusutseende (nivå AAA) — Fokusindikatorer har tilstrekkelig størrelse (minst en 2-pikslers perimenter) og kontrast (minst 3:1 mellom fokusert og ufokusert tilstand). (Ny i WCAG 2.2)

Retningslinje 2.5: Inputmodaliteter

2.5.1 Pekerhandlinger (nivå A) — All funksjonalitet som bruker flerpunkts- eller banebaserte bevegelser kan betjenes med en enkelt peker uten banebasert bevegelse.

2.5.2 Avbrytelse av pekerhandling (nivå A) — For enkeltpekerfunksjonalitet utløses handlingen ved opp-hendelsen og kan avbrytes eller angres.

2.5.3 Merkelapp i navn (nivå A) — For komponenter med tekstmerkelapper inneholder det tilgjengelige navnet den visuelt presenterte teksten.

2.5.4 Bevegelsesaktivering (nivå A) — Funksjonalitet utløst av enhets- eller brukerbevegelse kan også betjenes gjennom en brukergrensesnittkomponent, og bevegelsesutløsing kan deaktiveres.

2.5.7 Drabevegelser (nivå AA) — All funksjonalitet som bruker dra-og-slipp kan også oppnås med en enkelt peker uten dra-og-slipp. (Ny i WCAG 2.2)

2.5.8 Målstørrelse – minimum (nivå AA) — Interaktive mål er minst 24 x 24 CSS-piksler, med unntak for innebygde mål, brukeragent-kontrollerte mål og tilstrekkelig avstandsplasserte mål. (Ny i WCAG 2.2)

Prinsipp 3: Forståelig

Informasjon og brukergrensesnittets funksjon må være forståelig.

Retningslinje 3.1: Lesbart

3.1.1 Sidespråk (nivå A) — Standardspråket for hver nettside kan programmatisk fastslås via lang-attributtet.

3.1.2 Språk for deler (nivå AA) — Språket for hvert avsnitt eller uttrykk kan programmatisk fastslås, med unntak for egennavn og tekniske begreper.

Retningslinje 3.2: Forutsigbart

3.2.1 Ved fokus (nivå A) — Når en komponent mottar fokus, initierer den ikke en kontekstendring.

3.2.2 Ved inndata (nivå A) — Å endre en komponents innstilling forårsaker ikke automatisk en kontekstendring med mindre brukeren er varslet på forhånd.

3.2.3 Konsekvent navigasjon (nivå AA) — Navigasjonsmekanismer gjentatt på flere sider forekommer i samme relative rekkefølge hver gang.

3.2.6 Konsekvent hjelp (nivå A) — Hvis hjelpemekanismer vises på flere sider, forekommer de i samme relative rekkefølge. (Ny i WCAG 2.2)

Retningslinje 3.3: Inndataassistanse

3.3.1 Feilidentifisering (nivå A) — Hvis en inndatafeil oppdages automatisk, identifiseres elementet med feilen og feilen beskrives i tekst.

3.3.2 Merkelapper eller instruksjoner (nivå A) — Merkelapper eller instruksjoner gis når innhold krever brukerinndata.

3.3.3 Feilforslag (nivå AA) — Hvis en inndatafeil oppdages og forslag er kjent, gis de til brukeren.

3.3.4 Feilforebygging – juridisk, finansielt, data (nivå AA) — For sider som medfører juridiske forpliktelser, finansielle transaksjoner eller dataendringer, er innsendinger reversible, kontrollerte eller bekreftbare.

3.3.7 Overflødig inndata (nivå A) — Informasjon som tidligere er oppgitt i samme prosess fylles automatisk ut eller er tilgjengelig for valg. (Ny i WCAG 2.2)

3.3.8 Tilgjengelig autentisering – minimum (nivå AA) — En kognitiv funksjonstest er ikke påkrevd for autentisering med mindre alternativer eller assistansemekanismer tilbys. Objektgjenkjenningstester er tillatt. (Ny i WCAG 2.2)

3.3.9 Tilgjengelig autentisering – forbedret (nivå AAA) — Samme som 3.3.8 men uten unntaket for objektgjenkjenning. (Ny i WCAG 2.2)

Prinsipp 4: Robust

Innhold må være robust nok til å tolkes pålitelig av et bredt spekter av brukeragenter.

Retningslinje 4.1: Kompatibel

4.1.2 Navn, rolle, verdi (nivå A) — For alle brukergrensesnittkomponenter kan navnet og rollen programmatisk fastslås, tilstander og egenskaper kan settes, og endringer er tilgjengelige for hjelpeteknologier.

4.1.3 Statusmeldinger (nivå AA) — Statusmeldinger kan programmatisk fastslås gjennom rolle eller egenskaper slik at de presenteres for brukeren av hjelpeteknologier uten å motta fokus.

Merk: SC 4.1.1 Parsing er fjernet fra WCAG 2.2 som foreldet.

Nivå AAA-kriterier (tillegg)

Følgende nivå AAA-kriterier er ikke oppført ovenfor, men er en del av WCAG 2.2. De representerer det høyeste nivået av tilgjengelighet og anbefales der det er gjennomførbart:

1.2.6 Tegnspråk – forhåndsinnspilt (AAA) — Tegnspråktolking tilbys for alt forhåndsinnspilt lydinnhold.

1.2.7 Utvidet synstolking (AAA) — Utvidet synstolking tilbys der pauser i lyden er utilstrekkelige for vanlig synstolking.

1.2.8 Mediealternativ – forhåndsinnspilt (AAA) — Et fullstendig tekstalternativ tilbys for alle forhåndsinnspilte synkroniserte medier og video-bare innhold.

1.2.9 Kun lyd – direkte (AAA) — Et tekstalternativ tilbys for direkte lyd-bare innhold.

1.3.6 Identifiser formål (AAA) — Formålet med brukergrensesnittkomponenter, ikoner og regioner kan programmatisk fastslås.

1.4.6 Kontrast – forbedret (AAA) — Tekst har et kontrastforhold på minst 7:1 for normal tekst og 4,5:1 for stor tekst.

1.4.7 Lav eller ingen bakgrunnslyd (AAA) — Forhåndsinnspilt lyd-bare innhold som primært inneholder tale har lav eller ingen bakgrunnsstøy.

1.4.8 Visuell presentasjon (AAA) — Tekstblokker tilbyr visuell tilpasning inkludert forgrunn-/bakgrunnsfarger, bredde, linjeavstand og justering.

1.4.9 Bilder av tekst – ingen unntak (AAA) — Bilder av tekst brukes kun for ren dekorasjon eller der det er essensielt.

2.1.3 Tastatur – ingen unntak (AAA) — All funksjonalitet kan betjenes gjennom et tastatur uten unntak.

2.2.3 Ingen tidsavgrensning (AAA) — Tidsavgrensning er ikke en essensiell del av hendelsen eller aktiviteten, med unntak for sanntids- og synkroniserte medier.

2.2.4 Avbrytelser (AAA) — Avbrytelser kan utsettes eller undertrykkes av brukeren.

2.2.5 Re-autentisering (AAA) — Når en autentisert økt utløper, kan brukeren fortsette etter re-autentisering uten å miste data.

2.2.6 Tidsavbrudd (AAA) — Brukere varsles om tidsavbrudd ved inaktivitet som kan forårsake datatap med mindre data bevares i minst 20 timer.

2.3.2 Tre glimt (AAA) — Ingenting på siden blinker mer enn tre ganger per sekund, uten unntak.

2.3.3 Animasjon fra interaksjoner (AAA) — Bevegelsesanimasjon utløst av interaksjon kan deaktiveres med mindre det er essensielt.

2.4.8 Plassering (AAA) — Informasjon om brukerens plassering innenfor et sett med sider er tilgjengelig (f.eks. brødsmulesti).

2.4.9 Lenkeformål – kun lenke (AAA) — Formålet med hver lenke kan fastslås fra lenketeksten alene.

2.4.10 Seksjonsoverskrifter (AAA) — Seksjonsoverskrifter brukes til å organisere innhold.

2.5.5 Målstørrelse – forbedret (AAA) — Interaktive mål er minst 44 x 44 CSS-piksler.

2.5.6 Samtidige inputmekanismer (AAA) — Innhold begrenser ikke bruken av inputmodaliteter tilgjengelige på plattformen.

3.1.3 Uvanlige ord (AAA) — En mekanisme er tilgjengelig for å identifisere spesifikke definisjoner av ord eller uttrykk brukt på en uvanlig måte.

3.1.4 Forkortelser (AAA) — En mekanisme for å identifisere den utvidede formen av forkortelser er tilgjengelig.

3.1.5 Lesenivå (AAA) — Når tekst krever mer avanserte leseferdigheter enn lavere videregående nivå, er supplerende innhold eller en alternativ versjon tilgjengelig.

3.1.6 Uttale (AAA) — En mekanisme er tilgjengelig for å identifisere uttalen av ord der meningen er tvetydig uten uttale.

3.2.4 Konsekvent identifisering (AA) — Komponenter med samme funksjonalitet innenfor et sett med sider identifiseres konsekvent.

3.2.5 Endring ved forespørsel (AAA) — Kontekstendringer initieres kun ved brukerforespørsel, eller en mekanisme for å slå av slike endringer er tilgjengelig.

3.3.5 Hjelp (AAA) — Kontekstsensitiv hjelp er tilgjengelig.

3.3.6 Feilforebygging – alle (AAA) — For alle sider som krever brukerinndata, er innsendinger reversible, kontrollerte eller bekreftbare.