WCAG - Definition & Fördjupning
Definition
Vad är WCAG?
Web Content Accessibility Guidelines (WCAG) är en uppsättning internationella riktlinjer för tillgänglighet på webben. De tas fram av W3C (World Wide Web Consortium) – den organisation som definierar webbens standarder – och fungerar som den globala referenspunkten för vad som räknas som en tillgänglig digital upplevelse.
WCAG riktar sig till alla som skapar webbinnehåll: designers, utvecklare, innehallållsproducenter och produktteam. Riktlinjerna täcker tillgänglighet för människor med syn-, hörsel-, motorik- och kognitiva funktionsnedsättningar, men leder i praktiken också till en bättre upplevelse för alla användare.
Versionerna – från 2.0 till 2.2
WCAG har publicerats i flera versioner sedan 1999:
- WCAG 2.0 (2008) – Introducerade de fyra grundprinciperna POUR och de tre nivåerna A, AA och AAA. Fortfarande referenspunkt i åtskillig lagstiftning.
- WCAG 2.1 (2018) – Lade till 17 nya kriterier med särskilt fokus på mobilanvänding och kognitiva funktionsnedsättningar. Det är denna version som EU:s tillgänglighetsdirektiv (EAA) refererar till.
- WCAG 2.2 (2023) – Den senaste versionen, baklängeskompatibel med 2.1. Lade till ytterligare nio kriterier, främst för användare med rörelsenedsättning och kognitiva funktionsnedsättningar. W3C rekommenderar att nya implementeringar siktar på 2.2.
WCAG 3.0 är under utveckling med en annorlunda struktur – men är ännu (2026) ett arbetsdokument, inte en färdig standard, och lanseras sannolikt inte som standard förrän 2027-2028.
De fyra grundprinciperna – POUR
Alla WCAG-kriterier bygger på fyra principer som brukar förkortas POUR:
- Perceivable (Uppfattbar) – Innehållet måste kunna uppfattas av användaren. Bilder behöver alt-text, videor behöver textning, layout måste fungera utan färg som enda informationsbärare.
- Operable (Hanterbar) – Gränssnittet måste gå att använda. Allt måste fungera med tangentbord, användare måste ha tillräckligt med tid, inget får utlösa anfall.
- Understandable (Begriplig) – Innehåll och gränssnitt måste vara förståeliga. Språket måste gå att läsa, sidor måste bete sig på förväntat sätt, felen måste vara begripliga.
- Robust – Innehållet måste tolkas korrekt av hjälpmedel som skärmläsare och känselskärmar. Det kräver korrekt och ren HTML-semantik.
De tre nivåerna – A, AA och AAA
WCAG-kriterierna är organiserade i tre nivåer av överensstämmelse, där varje nivå innehåller alla krav från nivåerna under:
- Nivå A – Minsta grundnivå. 25 kriterier. Täcker de mest grundläggande hindren och har minimal påverkan på design och struktur. Utan dessa är sajten i praktiken oanvändbar för många.
- Nivå AA – Standardnivån som de flesta lagar och regler kräver. 25+13 = 38 kriterier. Inneföljer krav som korrekt färgkontrast (minst 4,5:1), konsekvent navigering, synliga fokusmarkeringar och tydlig rubrikhierarki.
- Nivå AAA – Högsta nivån. 38+23 = 61 kriterier. Inneföljer krav som 7:1 kontrastförhållande, teckenspråkstolkning av video och utvidgade audiobeskrivningar. Sällan ett lag-krav men visar ett starkt tillgänglighetsåtagande.
I praktiken är nivå AA målet för de allra flesta organisationer, och det är också den nivå som EU:s tillgänglighetsdirektiv, ADA, Section 508 och de flesta nationella lagar refererar till.
WCAG och lagen – vad gäller i Sverige och EU?
Den 28 juni 2025 trädde EU:s tillgänglighetsdirektiv (European Accessibility Act, EAA) i kraft i alla EU:s medlemsstater, inklusive Sverige. EAA kräver att webbplatser, appar, e-handel, e-böcker och PDFs möter WCAG 2.1 nivå AA.
Till skillnad från de tidigare DOS-lagen, som primärt gällde offentlig sektor, riktar sig EAA även mot det privata näringslivet – specifikt företag vars tjänster riktar sig mot konsumenter. Det innebär att e-handelsföretag, banker, resebolag och digitala tjänster nu påverkas av lagkrav på ett sätt de inte tidigare gjort. Mikroföretag (färre än 10 anställda och max 2 MEUR i omsättning) är undantagna för tjänster, men inte nödvändigtvis för produkter.
Läs vårt blogginlägg om vad tillgänglighetsdirektivet innebär för din hemsida: Tillgänglighetsdirektivet – så påverkas din webbplats av lagen.
WCAG och SEO – en underskattad koppling
Det finns en stark överlappning mellan WCAG-krav och god SEO-praxis. Flera av de ändringar som gör en sajt mer tillgänglig förbättrar också direkt hur Google tolkar innehållet:
- Alt-texter på bilder – Nödvändigt för tillgänglighet, direkt rankingsignal för bildsök och semantisk förståelse
- Korrekt rubrikhierarki – Skapar logisk struktur för skärmläsare och hjälper Google förstå innehållets organisation
- Ren HTML-semantik – Korrekt användning av HTML-element gör innehållet tolkbart både för hjälpmedel och crawlers
- Tangentbordsnavigering och fokustillstånd – Signalerar teknisk kvalitet och god UX, indirekta rankingfaktorer via engagemangssignaler
Google har explicit bekräftat att tillgänglighet är del av deras Page Experience-bedömning. En tillgänglig sajt är alltså inte bara etisk och laglig – den är också konkurrensstark.
Hur man testar WCAG på sin sida
Det finns både automatiserade och manuella testmetoder:
- Automatiserade verktyg: WAVE (wave.webaim.org), Google Lighthouse, axe DevTools och IBM Equal Access Checker kan identifiera många men inte alla problem. Automatiserade verktyg brukar fånga 30–40 procent av tillgänglighetsproblemen.
- Manuell testning: Navigering med enbart tangentbord, testning med skärmläsare (NVDA, VoiceOver) och granskning av färgkontrast med verktyg som Contrast Checker.
- Användartestning: Testning med faktiska användare som har funktionsnedsättningar ger insikter som automatiserade verktyg aldrig kan fånga.
Full överensstämmelse kräver kombination av alla tre – automatiserade verktyg för skanning, manuell genomgång för komplexa interaktioner och mänsklig bedömning för nyanserade tillgänglighetsfrågor.
Behöver du hjälp?
Vi är experter på allt som gäller SEO, AEO och användarvänlighet.
Tveka inte på att höra av dig så hjälper vi dig!