# WCAG 2.2 ## Vad det är WCAG 2.2, Web Content Accessibility Guidelines version 2.2, är den W3C-standard som i testbara formuleringar anger vad webbinnehåll måste göra för att personer med funktionsnedsättning ska kunna använda det. Den blev W3C-rekommendation i oktober 2023, och den gällande utgåvan är daterad 12 december 2024. Den efterträder WCAG 2.0 från 2008 och 2.1 från 2018, och i samtal heter den oftast bara WCAG. Parallellt utvecklas en WCAG 3 som ett separat arbete över flera år, men det är 2.2 som avtal och granskningar utgår från i dag. Någon auktoriserad svensk översättning av 2.1 eller 2.2 finns ännu inte. Digg använder den auktoriserade svenska översättningen av WCAG 2.0 för de kriterier som versionerna delar, och därifrån kommer svenska termer som framgångskriterium. Dokumentet är byggt i lager. Fyra principer säger att innehållet ska vara möjligt att uppfatta, hanterbart, begripligt och robust. Under dem finns 13 riktlinjer, som anger mål och inte går att testa. Under varje riktlinje ligger framgångskriterierna, den del som räknas: vart och ett har ett nummer som 1.4.3, ett kort namn som Contrast (Minimum), i den svenska översättningen Kontrast (minimum), en nivå och en mening som en sida antingen uppfyller eller inte. Runt den normativa texten publicerar W3C ett Understanding-dokument för varje kriterium och en samling tekniker och dokumenterade felmönster. De är informativa: en sida som uppfyller ett kriterium på ett annat sätt uppfyller det ändå. Nivåerna är tre. Nivå A är miniminivån, AA lägger till de kriterier som de flesta organisationer ombeds uppfylla, och AAA är den strängaste. En nivå är kumulativ och uppfylls helt eller inte alls. För nivå AA formulerar standarden kravet så att webbsidan uppfyller alla framgångskriterier på nivå A och AA, eller att det finns en alternativ version som uppfyller nivå AA. Överensstämmelse gäller fullständiga sidor, aldrig en del av en sida, och fullständiga processer. När ett köp löper över fem sidor måste alla fem uppfylla en nivå för att någon av dem ska göra det. Version 2.2 lade till nio kriterier och tog bort ett. Tillskotten på nivå A och AA är 2.4.11 Focus Not Obscured (Minimum), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum), 3.2.6 Consistent Help, 3.3.7 Redundant Entry och 3.3.8 Accessible Authentication (Minimum). De tre övriga, 2.4.12, 2.4.13 och 3.3.9, ligger på AAA. 4.1.1 Parsing är markerat som föråldrat och borttaget, eftersom hjälpmedel inte längre tolkar HTML direkt. Resten följer med från 2.1 i stort sett oförändrat, så en webbplats som uppfyller 2.2 uppfyller också 2.1. ## Varför det spelar roll WCAG gör ”gör det tillgängligt” till en lista som någon kan kontrollera, och standarden anger själv vad de testbara kriterierna är till för: designspecifikationer, upphandling, reglering och avtal. För en köpare är det avgörande beslutet en enda mening i avtalet. Om ”tillgängligt” går det att tvista hur länge som helst. ”WCAG 2.2 nivå AA, för de här sidorna, kontrollerat på det här sättet, med kända brister listade” går att verifiera, och meningen säger leverantören vad arbetet omfattar innan priset sätts. Nivån är en verklig avvägning. Nivå AA är den som regler för offentlig sektor och upphandlingsunderlag oftast anger, och nästan allt innehåll kan nå den. I Sverige skriver Digg att nivå A och AA ska vara uppfyllda för att nå tillgänglighetskraven i DOS-lagen, lagen om tillgänglighet till digital offentlig service, och att den europeiska standarden EN 301 549 hänvisar till WCAG 2.1 för webbinnehåll. AAA är en annan sak: standarden avråder själv från att kräva nivå AAA som generell policy för hela webbplatser, eftersom en del innehåll inte kan uppfylla alla dess kriterier. Teckenspråkstolkning av varje förinspelad video med ljud (1.2.6) är ett exempel, och en enklare version av varje text som kräver bättre läsförmåga än högstadienivå (3.1.5) är ett annat. Det mönster som fungerar är AA överallt, plus de enskilda AAA-kriterier som passar produkten: kontrasten 7:1 för lång brödtext, t.ex., eller en tydligare fokusmarkering för ett verktyg som människor styr med tangentbordet. Versionsfrågan har ett tydligt svar. Arbetsgruppen rekommenderar 2.2 som mål även där ett åtagande fortfarande anger en tidigare version, och eftersom 2.2 innehåller 2.1 kostar det ingenting i kompatibilitet att bygga efter den. Den enda haken är 4.1.1: en organisation som genom sin policy är bunden till 2.0 eller 2.1 kan fortfarande behöva testa och redovisa Parsing. Kostnaden följer tidpunkten. Mycket av AA avgörs av tidiga val: inbyggda element i HTML i stället för egenbyggda komponenter, en palett som är uppmätt för kontrast, en synlig fokusstil och layouter som bryts om vid 320 CSS-pixlar. Görs valen i början kostar de nästan ingenting. Hittas de av en granskning efter lanseringen blir vart och ett en defekt som upprepas på varje sida som återanvände komponenten. ## Så ser det ut i praktiken Den här webbplatsen ska uppfylla WCAG 2.2 nivå AA, och två av dess sidor beskriver hur. Sidan om [att föra hela webbplatsen till WCAG 2.2 nivå AA](/sv/portfolio/took-wcag-2-2-level-aa-across-the-whole-site-130/) sätter ett mål som omfattar varje sida, alla tre språken och båda färgtemana, och kräver att överensstämmelsen försvaras av kontroller snarare än påstås i ett dokument. Det centrala verktyget är en förteckning över överensstämmelse med en rad för varje kriterium, där varje rad anger vad som uppfyller kriteriet och vad som kontrollerar det. Två AAA-kriterier uppfylls utöver målet, visuell presentation i sin helhet och fokusutseende, och sidan skriver att det andra erbjuds snarare än hävdas. Regelmotorn kör även sina regler för bästa praxis, en skillnad på trettio regler, och en av dem slog larm direkt när den aktiverades: på samtliga undersidor saknade varumärkessymbolen ett omgivande landmärke. En långsammare kontroll täcker trettiotvå representativa sidor i två färgteman och två bredder. Den bevisar fokus i pixlar genom att trycka på tabbtangenten och jämföra skärmbilder, går igenom varje sida på jakt efter en tangentbordsfälla, tillämpar åsidosättningarna av textavstånd och fördubblar rotens teckenstorlek. Sidan anger resultatet som överensstämmelse hävdad på nivå AA på tre språk och i två teman, med två AAA-kriterier utöver det och ett kriterium angivet som undantag. [Kolofonen](/sv/credits/) skriver ut det undantaget för en läsare. Den beskriver nivå AA som bevakad snarare än påstådd och namnger 1.4.13 Content on Hover or Focus: etiketterna som visas när du hovrar över eller fokuserar ett märke kan inte stängas med en tangent, eftersom det skulle kräva ett skript och webbplatsen kör bara ett. Samma sida redovisar en granskning med axe-core av representativa sidor, en per mall på varje språk, mot WCAG 2.2 A och AA i båda färgtemana, inne i kvalitetsgrinden. Den tillägger att en maskin hittar ungefär en tredjedel av det som WCAG kräver, och därför förs redovisningen kriterium för kriterium i stället för som ett samlat godkänt. ## Var det går fel **Den automatiska granskningen är grön och en tangentbordsanvändare sitter fast i en datumväljare.** Regelmotorer läser vad uppmärkningen säger, medan mycket av WCAG är bedömningar av vad sidan gör: om alt-texten bär budskapet, om fokusordningen följer läsordningen, om en widget går att lämna med tangentbordet. Behandla motorn som golvet. Gå igenom varje mall med enbart tangentbord, med texten i 200 % och i 320 CSS-pixlars bredd, och anteckna för varje kriterium vem som kontrollerade det och hur. **Ett fast sidhuvud täcker länken som har fokus.** 2.4.11 kräver att en komponent med fokus inte döljs helt av innehåll som sidans författare har lagt dit, och fasta sidhuvuden, cookierutor och chattknappar är den vanliga orsaken. Reservera utrymmet med `scroll-padding-top` satt till sidhuvudets höjd, så att webbläsaren scrollar fokuserade element fria från det, och håll flytande paneler borta från innehåll som kan få fokus. **Inloggningen ber folk komma ihåg eller skriva av något.** 3.3.8 utesluter ett test av kognitiv funktion, som att komma ihåg ett lösenord eller lösa ett pussel, i varje steg av autentiseringen, om inte ett alternativ, en hjälpmekanism eller något av två snäva undantag gäller. Ett lösenordsfält som blockerar inklistring, eller en CAPTCHA som ber om avskriven text, är där det oftast fallerar. Tillåt inklistring och lösenordshanterare, erbjud en passkey eller en länk via e-post, och föredra igenkänning av objekt framför avskrift när ett test inte går att undvika. **En redogörelse säger ”uppfyller kraven fullt ut” och den första granskningen hittar ett fel.** En nivå uppfylls helt eller inte alls, så ett enda missat AA-kriterium gör hela påståendet falskt. Skriv i stället det påstående som standarden beskriver: datum, riktlinjernas titel, version och URI, nivån, de sidor som omfattas och de tekniker som påståendet förlitar sig på. Påstå bara det som varje sida i omfånget uppfyller, och namnge varje kriterium som inte når hela vägen med sitt nummer, skälet och planen, i stället för att avrunda nivån uppåt. ## Läs mer - [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/TR/WCAG22/) — den normativa texten: principer, riktlinjer, framgångskriterier och kraven för överensstämmelse. - [What's New in WCAG 2.2](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/) — de nio nya kriterierna ett i taget, med exempel på personas, och borttagandet av 4.1.1 Parsing. - [How to Meet WCAG (Quick Reference)](https://www.w3.org/WAI/WCAG22/quickref/) — en lista över varje kriterium som går att anpassa, med tekniker och dokumenterade felmönster. - [Understanding Conformance](https://www.w3.org/WAI/WCAG22/Understanding/conformance.html) — nivåer, fullständiga sidor, fullständiga processer och vad stöd för tillgänglighet (accessibility supported) betyder. - [WCAG 2 Overview](https://www.w3.org/WAI/standards-guidelines/wcag/) — hur versionerna hänger ihop och vilka stöddokument som finns runt standarden. - [Det här är EN 301 549 och WCAG](https://www.digg.se/webbriktlinjer/lagar-och-krav/det-har-ar-en-301-549-och-wcag) — Digg om hur DOS-lagen, EN 301 549 och WCAG 2.1 hänger ihop, och vilka nivåer lagen kräver.