WCAG 2.2-checklista: Alla 86 framgångskriterier förklarade

Denna checklista täcker varje framgångskriterium i WCAG 2.2, organiserad efter de fyra POUR-principerna och tretton riktlinjerna. Varje kriterium inkluderar sin överensstämmelsenivå, en praktisk förklaring och vägledning om vad det innebär i praktiken.

Princip 1: Uppfattbar

Information och användargränssnittskomponenter måste kunna presenteras för användare på sätt de kan uppfatta.

Riktlinje 1.1: Textalternativ

1.1.1 Icke-textinnehåll (Nivå A) — Allt icke-textinnehåll som presenteras för användaren har ett textalternativ som tjänar motsvarande syfte. Detta inkluderar bilder, ikoner, diagram, ljud, video, animationer, CAPTCHA och dekorativa element. Informativa bilder behöver beskrivande alt-text. Funktionella bilder behöver alt-text som beskriver funktionen. Dekorativa bilder behöver tom alt-text. Komplexa bilder behöver detaljerade textbeskrivningar.

Riktlinje 1.2: Tidsbaserad media

1.2.1 Enbart ljud och enbart video – Förinspelade (Nivå A) — Tillhandahåll en transkription för förinspelat enbart-ljud-innehåll och antingen en transkription eller syntolkning för förinspelat enbart-video-innehåll.

1.2.2 Textning – Förinspelad (Nivå A) — Tillhandahåll synkroniserad textning för all förinspelad video med ljudinnehåll.

1.2.3 Syntolkning eller mediaalternativ – Förinspelad (Nivå A) — Tillhandahåll en syntolkning eller ett fullständigt textalternativ för förinspelat videoinnehåll.

1.2.4 Textning – Live (Nivå AA) — Tillhandahåll realtidstextning för allt liveijud i videoinnehåll.

1.2.5 Syntolkning – Förinspelad (Nivå AA) — Tillhandahåll syntolkning för allt förinspelat videoinnehåll där viktig visuell information inte redan förmedlas i ljudet.

Riktlinje 1.3: Anpassningsbar

1.3.1 Information och relationer (Nivå A) — Information, struktur och relationer som förmedlas genom presentation kan programmatiskt bestämmas eller finns tillgängliga i text. Använd korrekt rubrikmarkup, listmarkup, tabellmarkup, formuläretiketter och landmärken för att förmedla den struktur som är visuellt uppenbar.

1.3.2 Meningsfull sekvens (Nivå A) — När den sekvens i vilken innehåll presenteras påverkar dess mening kan en korrekt lässekvens programmatiskt bestämmas. DOM-ordningen bör matcha den visuella ordningen.

1.3.3 Sensoriska egenskaper (Nivå A) — Instruktioner för att förstå och hantera innehåll förlitar sig inte enbart på sensoriska egenskaper som form, färg, storlek, visuell placering, orientering eller ljud.

1.3.4 Orientering (Nivå AA) — Innehåll begränsar inte sin visning och hantering till en enda skärmorientering om inte en specifik orientering är väsentlig.

1.3.5 Identifiera inmatningssyfte (Nivå AA) — Syftet med formulärinmatningsfält som samlar in användarinformation kan programmatiskt bestämmas med hjälp av autocomplete-attributet.

Riktlinje 1.4: Urskiljbar

1.4.1 Användning av färg (Nivå A) — Färg används inte som det enda visuella medlet för att förmedla information, indikera en åtgärd, uppmana till respons eller urskilja ett visuellt element.

1.4.2 Ljudkontroll (Nivå A) — Om ljud spelas upp automatiskt i mer än tre sekunder, tillhandahåll en mekanism för att pausa, stoppa eller kontrollera volymen oberoende.

1.4.3 Kontrast – Minimum (Nivå AA) — Text och bilder av text har ett kontrastförhållande på minst 4,5:1, med undantag för stor text (3:1), tillfällig text och logotyper.

1.4.4 Ändra textstorlek (Nivå AA) — Text kan ändras i storlek upp till 200 % utan förlust av innehåll eller funktionalitet.

1.4.5 Bilder av text (Nivå AA) — Text används för att förmedla information snarare än bilder av text, utom när en specifik visuell presentation är väsentlig.

1.4.10 Omflöde (Nivå AA) — Innehåll kan presenteras utan informations- eller funktionalitetsförlust och utan att kräva rullning i två dimensioner vid 320 CSS-pixlars bredd för vertikalt innehåll och 256 CSS-pixlars höjd för horisontellt innehåll.

1.4.11 Kontrast för icke-text (Nivå AA) — Användargränssnittskomponenter och meningsfulla grafiska objekt har ett kontrastförhållande på minst 3:1 mot angränsande färger.

1.4.12 Textmellanrum (Nivå AA) — Ingen förlust av innehåll eller funktionalitet uppstår när användare justerar radhöjd till 1,5x teckenstorlek, styckemellanrum till 2x teckenstorlek, teckenavstånd till 0,12x teckenstorlek och ordavstånd till 0,16x teckenstorlek.

1.4.13 Innehåll vid hovring eller fokus (Nivå AA) — Där mottagande och borttagande av pekarhovring eller tangentbordsfokus utlöser ytterligare innehåll att visas och försvinna, är det innehållet avvisningsbart, hovringsbart och bestående.

Princip 2: Hanterbar

Användargränssnittskomponenter och navigation måste vara hanterbara.

Riktlinje 2.1: Tangentbordstillgänglig

2.1.1 Tangentbord (Nivå A) — All funktionalitet är hanterbar via tangentbordsgränssnitt utan att kräva specifika tidsbegränsningar.

2.1.2 Ingen tangentbordsfälla (Nivå A) — Om tangentbordsfokus kan flyttas till en komponent kan fokus också flyttas bort enbart med tangentbordet.

2.1.4 Teckengenvägar (Nivå A) — Om en tangentbordsgenväg enbart använder bokstavs-, interpunktions-, siffra- eller symboltecken kan genvägen stängas av, omtilldelas eller aktiveras bara när den relevanta komponenten har fokus.

Riktlinje 2.2: Tillräcklig tid

2.2.1 Justerbar tidsbegränsning (Nivå A) — För varje tidsbegränsning som sätts av innehåll kan användaren stänga av, justera eller förlänga tidsbegränsningen.

2.2.2 Pausa, stoppa, dölja (Nivå A) — För rörligt, blinkande, rullande eller automatiskt uppdaterande innehåll som startar automatiskt och varar mer än fem sekunder kan användare pausa, stoppa eller dölja det.

Riktlinje 2.3: Krampanfall och fysiska reaktioner

2.3.1 Tre blinkningar eller under tröskelvärde (Nivå A) — Inget på sidan blinkar mer än tre gånger under en ensekunds-period.

Riktlinje 2.4: Navigerbar

2.4.1 Hoppa över block (Nivå A) — En mekanism finns tillgänglig för att hoppa över upprepade innehållsblock, som skip-navigationslänkar.

2.4.2 Sidtitel (Nivå A) — Webbsidor har titlar som beskriver deras ämne eller syfte.

2.4.3 Fokusordning (Nivå A) — Fokuserbara komponenter tar emot fokus i en ordning som bevarar mening och hanterbarhet.

2.4.4 Länkens syfte – I kontext (Nivå A) — Syftet med varje länk kan bestämmas från enbart länktexten eller med dess kontext.

2.4.5 Flera sätt (Nivå AA) — Mer än ett sätt är tillgängligt för att hitta en sida inom en uppsättning sidor.

2.4.6 Rubriker och etiketter (Nivå AA) — Rubriker och etiketter beskriver sitt ämne eller syfte.

2.4.7 Fokus synligt (Nivå A) — Varje tangentbordshanterbart användargränssnitt har en synlig fokusindikator.

2.4.11 Fokus ej dolt – Minimum (Nivå AA) — När en komponent tar emot tangentbordsfokus är den inte helt dold av författarskapat innehåll. (Nytt i WCAG 2.2)

2.4.12 Fokus ej dolt – Förstärkt (Nivå AAA) — När en komponent tar emot tangentbordsfokus är ingen del av fokusindikatorn dold av författarskapat innehåll. (Nytt i WCAG 2.2)

2.4.13 Fokusutseende (Nivå AAA) — Fokusindikatorer har tillräcklig storlek (minst en 2-pixels perimeter) och kontrast (minst 3:1 mellan fokuserat och ofokuserat tillstånd). (Nytt i WCAG 2.2)

Riktlinje 2.5: Inmatningsmodaliteter

2.5.1 Pekargestikuleringar (Nivå A) — All funktionalitet som använder flerpunkts- eller vägbaserade gestikuleringar kan hanteras med en enda pekare utan en vägbaserad gestikulering.

2.5.2 Avbrytning av pekning (Nivå A) — För enkel pekarfunktionalitet utlöses åtgärden på upp-händelsen och kan avbrytas eller ångras.

2.5.3 Etikett i namn (Nivå A) — För komponenter med textetiketter innehåller det tillgängliga namnet den visuellt presenterade texten.

2.5.4 Rörelseaktivering (Nivå A) — Funktionalitet som utlöses av enhets- eller användarrörelse kan också hanteras via en användargränssnittskomponent, och rörelseutlösning kan inaktiveras.

2.5.7 Dragningsrörelser (Nivå AA) — All funktionalitet som använder dragning kan också uppnås med en enda pekare utan dragning. (Nytt i WCAG 2.2)

2.5.8 Målstorlek – Minimum (Nivå AA) — Interaktiva mål är minst 24 gånger 24 CSS-pixlar, med undantag för inline-mål, användaragentkontrollerade mål och tillräckligt placerade mål. (Nytt i WCAG 2.2)

Princip 3: Begriplig

Information och användningen av användargränssnittet måste vara begriplig.

Riktlinje 3.1: Läsbar

3.1.1 Sidans språk (Nivå A) — Standardspråket på varje webbsida kan programmatiskt bestämmas via lang-attributet.

3.1.2 Språk för delar (Nivå AA) — Språket för varje avsnitt eller fras kan programmatiskt bestämmas, med undantag för egennamn och tekniska termer.

Riktlinje 3.2: Förutsägbar

3.2.1 Vid fokus (Nivå A) — När en komponent tar emot fokus initierar den inte en kontextändring.

3.2.2 Vid inmatning (Nivå A) — Ändring av en komponents inställning orsakar inte automatiskt en kontextändring om inte användaren har informerats i förväg.

3.2.3 Konsekvent navigation (Nivå AA) — Navigationsmekanismer som upprepas på flera sidor förekommer i samma relativa ordning varje gång.

3.2.6 Konsekvent hjälp (Nivå A) — Om hjälpmekanismer visas på flera sidor förekommer de i samma relativa ordning. (Nytt i WCAG 2.2)

Riktlinje 3.3: Inmatningshjälp

3.3.1 Felidentifiering (Nivå A) — Om ett inmatningsfel upptäcks automatiskt identifieras det fältliga objektet och felet beskrivs i text.

3.3.2 Etiketter eller instruktioner (Nivå A) — Etiketter eller instruktioner tillhandahålls när innehåll kräver användarinmatning.

3.3.3 Felförslag (Nivå AA) — Om ett inmatningsfel upptäcks och förslag är kända tillhandahålls de till användaren.

3.3.4 Felförebyggande – Juridiskt, finansiellt, data (Nivå AA) — För sidor som orsakar juridiska åtaganden, finansiella transaktioner eller dataändringar är inskickningar reversibla, kontrollerade eller bekräftbara.

3.3.7 Redundant inmatning (Nivå A) — Information som tidigare matats in i samma process fylls i automatiskt eller finns tillgänglig för val. (Nytt i WCAG 2.2)

3.3.8 Tillgänglig autentisering – Minimum (Nivå AA) — Ett kognitivt funktionstest krävs inte för autentisering om inte alternativ eller stödmekanismer tillhandahålls. Objektigenkänningstester är tillåtna. (Nytt i WCAG 2.2)

3.3.9 Tillgänglig autentisering – Förstärkt (Nivå AAA) — Samma som 3.3.8 men utan undantag för objektigenkänning. (Nytt i WCAG 2.2)

Princip 4: Robust

Innehåll måste vara tillräckligt robust för att kunna tolkas tillförlitligt av en mängd olika användaragenter.

Riktlinje 4.1: Kompatibel

4.1.2 Namn, roll, värde (Nivå A) — För alla användargränssnittskomponenter kan namn och roll programmatiskt bestämmas, tillstånd och egenskaper kan ställas in, och ändringar är tillgängliga för hjälpmedel.

4.1.3 Statusmeddelanden (Nivå AA) — Statusmeddelanden kan programmatiskt bestämmas genom roll eller egenskaper så att de presenteras för användaren av hjälpmedel utan att ta emot fokus.

Notering: SC 4.1.1 Parsing har tagits bort från WCAG 2.2 som föråldrat.

Nivå AAA-kriterier (Ytterligare)

Följande nivå AAA-kriterier listas inte ovan men är del av WCAG 2.2. De representerar den högsta tillgänglighetsnivån och rekommenderas där det är genomförbart:

1.2.6 Teckenspråk – Förinspelad (AAA) — Teckenspråkstolkning tillhandahålls för allt förinspelat ljudinnehåll.

1.2.7 Utökad syntolkning (AAA) — Utökad syntolkning tillhandahålls där pauser i ljudet är otillräckliga för vanlig syntolkning.

1.2.8 Mediealternativ – Förinspelad (AAA) — Ett fullständigt textalternativ tillhandahålls för all förinspelad synkroniserad media och enbart-video-innehåll.

1.2.9 Enbart ljud – Live (AAA) — Ett textalternativ tillhandahålls för enbart-ljud-innehåll i realtid.

1.3.6 Identifiera syfte (AAA) — Syftet med användargränssnittskomponenter, ikoner och regioner kan programmatiskt bestämmas.

1.4.6 Kontrast – Förstärkt (AAA) — Text har ett kontrastförhållande på minst 7:1 för normal text och 4,5:1 för stor text.

1.4.7 Lågt eller inget bakgrundsljud (AAA) — Förinspelat enbart-ljud-innehåll som huvudsakligen innehåller tal har lågt eller inget bakgrundsljud.

1.4.8 Visuell presentation (AAA) — Textblock erbjuder visuell anpassning inklusive förgrunds-/bakgrundsfärger, bredd, radavstånd och justering.

1.4.9 Bilder av text – Inget undantag (AAA) — Bilder av text används bara för ren dekoration eller där det är väsentligt.

2.1.3 Tangentbord – Inget undantag (AAA) — All funktionalitet är hanterbar via tangentbord utan undantag.

2.2.3 Ingen tidsbegränsning (AAA) — Tid är inte en väsentlig del av händelsen eller aktiviteten, med undantag för realtids- och synkroniserad media.

2.2.4 Avbrott (AAA) — Avbrott kan skjutas upp eller undertryckas av användaren.

2.2.5 Omautentisering (AAA) — När en autentiserad session löper ut kan användaren fortsätta efter omautentisering utan att förlora data.

2.2.6 Tidsgränser (AAA) — Användare varnas för inaktivitetstidsgränser som kan orsaka dataförlust om inte data bevaras i minst 20 timmar.

2.3.2 Tre blinkningar (AAA) — Inget på sidan blinkar mer än tre gånger per sekund, utan undantag.

2.3.3 Animation från interaktioner (AAA) — Rörelseanimation utlöst av interaktion kan inaktiveras om den inte är väsentlig.

2.4.8 Plats (AAA) — Information om användarens plats inom en uppsättning sidor är tillgänglig (t.ex. brödsmulor).

2.4.9 Länkens syfte – Enbart länk (AAA) — Syftet med varje länk kan bestämmas enbart från länktexten.

2.4.10 Sektionsrubriker (AAA) — Sektionsrubriker används för att organisera innehåll.

2.5.5 Målstorlek – Förstärkt (AAA) — Interaktiva mål är minst 44 gånger 44 CSS-pixlar.

2.5.6 Samtida inmatningsmekanismer (AAA) — Innehåll begränsar inte användningen av inmatningsmodaliteter tillgängliga på plattformen.

3.1.3 Ovanliga ord (AAA) — En mekanism finns tillgänglig för att identifiera specifika definitioner av ord eller fraser som används på ett ovanligt sätt.

3.1.4 Förkortningar (AAA) — En mekanism för att identifiera den expanderade formen av förkortningar finns tillgänglig.

3.1.5 Läsnivå (AAA) — När text kräver mer avancerad läsförmåga än grundskolenivå finns kompletterande innehåll eller en alternativ version tillgänglig.

3.1.6 Uttal (AAA) — En mekanism finns tillgänglig för att identifiera uttalet av ord där mening är tvetydig utan uttal.

3.2.4 Konsekvent identifiering (AA) — Komponenter med samma funktionalitet inom en uppsättning sidor identifieras konsekvent.

3.2.5 Ändring på begäran (AAA) — Kontextändringar initieras bara på användarens begäran eller en mekanism för att stänga av sådana ändringar finns tillgänglig.

3.3.5 Hjälp (AAA) — Kontextkänslig hjälp finns tillgänglig.

3.3.6 Felförebyggande – Alla (AAA) — För alla sidor som kräver användarinmatning är inskickningar reversibla, kontrollerade eller bekräftbara.