Guide

Vad är WCAG? Nivåerna A, AA och AAA förklarade

WCAG (Web Content Accessibility Guidelines) är den internationella standarden för hur en webbplats ska fungera för alla — även för personer med syn-, hörsel-, motorik- eller kognitiva nedsättningar. Det är WCAG man mäter mot när lagen kräver tillgänglighet. Här förklarar vi standarden utan jargong: principerna, nivåerna och versionerna.

6 min läsning · Uppdaterad 16 okt 2026 · Av Nordkod

Vad är WCAG? Nivåerna A, AA och AAA förklarade

Vad betyder WCAG?

WCAG står för Web Content Accessibility Guidelines och tas fram av W3C, organisationen bakom webbens standarder. Riktlinjerna beskriver hur webbinnehåll görs tillgängligt — och det är WCAG som lagar och myndigheter världen över hänvisar till när de ställer tillgänglighetskrav.

Kort: WCAG är den tekniska "checklistan" för tillgänglighet. Lagen säger att du ska vara tillgänglig — WCAG beskriver hur.

De fyra principerna (POUR)

All WCAG bygger på fyra grundprinciper. Innehåll ska vara:

PrincipBetyderExempel
Möjligt att uppfattaInnehåll måste kunna uppfattas av alla sinnenAlt-texter på bilder, textning av video, tillräcklig kontrast
HanterbartAllt ska gå att styra och navigeraFungerar med bara tangentbord, tillräckligt med tid, tydligt fokus
BegripligtInnehåll och funktion ska vara förståeligtTydligt språk, förutsägbar navigering, hjälpsamma felmeddelanden
RobustSka fungera med olika teknik och hjälpmedelSemantisk HTML som skärmläsare kan tolka

De engelska initialerna — Perceivable, Operable, Understandable, Robust — brukar förkortas POUR.

Nivåerna A, AA och AAA

WCAG delas in i tre nivåer efter hur strikta kraven är:

NivåInnebärNär
AGrundläggande — måste uppfyllas för att sajten alls ska vara användbarMiniminivå
AARimlig, praktisk nivå — täcker de flesta behovDen nivå lagen normalt kräver
AAAHögsta ambitionsnivån — sällan krav på hela sajtenExtra höga ambitioner

I praktiken är WCAG 2.1 nivå AA det du behöver sikta på — det är den nivå som tillgänglighetslagen (EAA) och offentlig sektor normalt utgår från.

Vad kräver nivå AA i praktiken?

Nivå AA omfattar alla krav på nivå A plus ytterligare krav. Några av de vanligaste som påverkar en företagssajt:

Krav som ingår i AAVad det betyder
Kontrast för textMinst 4,5:1 mellan text och bakgrund, 3:1 för stor text
Kontrast för gränssnittKnappar, fält och ikoner minst 3:1 mot omgivningen
FörstoringText kan förstoras till 200 % utan att innehåll försvinner
OmflödeSidan fungerar i 320 px bredd utan sidledsscroll
Synligt fokusDet syns tydligt var man är när man navigerar med tangentbord
Etiketter och instruktionerFormulärfält har tydliga etiketter och felmeddelanden

Vad AAA lägger till

Nivå AAA skärper kraven ytterligare, t.ex. kontrast på minst 7:1, teckenspråk för förinspelad video och inga tidsgränser. W3C rekommenderar inte AAA som krav för hela webbplatser, eftersom alla kriterier inte går att uppfylla för allt innehåll.

Hur bra är din egen hemsida?

Testa hastighet, SEO och mobil på 30 sekunder — gratis, utan inloggning.

Testa din hemsida

Versionerna: 2.0, 2.1 och 2.2

  • WCAG 2.0 (2008) — grunden.
  • WCAG 2.1 (2018) — la till kriterier för mobil, pekskärm och kognitiv tillgänglighet. Det är denna nivå (2.1 AA) lagen oftast utgår från.
  • WCAG 2.2 (2023) — ytterligare kriterier, bl.a. för fokus och enklare inloggning. Bakåtkompatibel med 2.1.

Bygger du mot 2.1 AA i dag har du en bra grund; 2.2 lägger till några få kriterier till.

WCAG, EAA och tillgänglighetsdirektivet

WCAG är standarden — men det är lagen som gör den obligatorisk. I EU är det främst tillgänglighetsdirektivet och European Accessibility Act (EAA, i svensk lag sedan 28 juni 2025) som hänvisar till WCAG. Den europeiska standarden EN 301 549 bygger i sin tur på WCAG.

  • WCAG 2.1 AA — den tekniska standarden (hur).
  • EAA / tillgänglighetslagen — kravet på privata tjänster som e-handel och bank (vem, från när).
  • EN 301 549 — den europeiska standard som pekar på WCAG.

Vill du veta om just ditt företag omfattas? Läs vår guide om tillgänglighetskrav på hemsidan.

Gratis checklista

Tillgänglighetschecklista (WCAG)

EU:s tillgänglighetsdirektiv omfattar allt fler svenska företag. 25+ punkter för att se var din sajt brister — innan det blir ett problem. Ange din e‑post så får du PDF:en direkt.

  • Text, kontrast, tangentbord, formulär och media
  • Byggd på WCAG 2.1 nivå AA
  • Se snabbt vad du behöver åtgärda

Vi skickar bara det du bett om. Ingen spam.

Vanliga frågor

Vad står WCAG för?

Web Content Accessibility Guidelines — den internationella standarden från W3C för hur webbinnehåll görs tillgängligt för personer med funktionsnedsättning.

Vad är skillnaden mellan WCAG AA och AAA?

AA är den nivå lagen normalt kräver, med t.ex. kontrast 4,5:1 och fungerande tangentbordsnavigering. AAA är strängare, bl.a. kontrast 7:1 och teckenspråk för video, och krävs sällan för en hel webbplats.

Vilken WCAG-nivå behöver jag?

Nivå AA (WCAG 2.1 AA) är den nivå som tillgänglighetslagen och offentlig sektor normalt kräver. A är minimum och AAA är sällan ett krav på hela sajten.

Vad är skillnaden mellan WCAG och EAA?

WCAG är den tekniska standarden (hur en tillgänglig sajt ska fungera). EAA (European Accessibility Act) är lagen som säger vem som måste vara tillgänglig och från när — och den hänvisar till WCAG.

Är WCAG 2.1 eller 2.2 som gäller?

Lagen utgår oftast från 2.1 AA. WCAG 2.2 är bakåtkompatibel och lägger till några få kriterier — bygger du mot 2.1 AA har du en solid grund.

Kan ni hjälpa oss uppfylla WCAG?

Ja. Vi granskar din sajt mot WCAG 2.1 AA och åtgärdar bristerna i koden — inte bara en rapport. Se vår tjänst för tillgänglighetsanpassning.

Läs vidare

Tillgänglighet

Tillgänglighetskrav på hemsidan

Tillgänglighetsdirektivet, European Accessibility Act och WCAG berör allt fler företag. Så förstår du om du omfattas, vad kraven innebär i praktiken — och hur du gör din sajt tillgänglig.

6 min läsning · Läs mer →
SEO

Teknisk SEO — en praktisk checklista

Grunden som måste sitta för att ranka i Google: indexering, hastighet, struktur och schema — en checklista utan jargong.

6 min läsning · Läs mer →
Guide

Hemsida för fotografer — portfolio som laddar snabbt och säljer

Bilderna är produkten. Så bygger du en fotografsajt som visar dem i full kvalitet, laddar snabbt i mobilen och gör det enkelt att boka och köpa.

5 min läsning · Läs mer →
Guide

Sälja en bok eller några produkter direkt på hemsidan

Du behöver ingen stor webbshop för att sälja en bok. Så här tar du betalt, skickar och bokför — med kort, Swish eller Klarna.

5 min läsning · Läs mer →
Guide

Flytta från en sajtbyggare till en egen sajt

När det är dags att lämna Portfoliobox, Wix eller Squarespace, när det inte är det — och hur flytten går till utan att du tappar besökare.

6 min läsning · Läs mer →
Guide

Bygga ut hemsidan med en ny sektion eller undersida

Tre sätt att lägga till något nytt på en befintlig sajt — och hur du väljer utan att behöva bygga om allt.

5 min läsning · Läs mer →
Jämförelse

Sanity, Strapi eller Payload CMS — vilket headless CMS ska du välja?

Sanity, Strapi och Payload jämförda: var innehållet ligger, hur redaktörer arbetar, vad det kostar — och hur du migrerar från ett vanligt CMS.

6 min läsning · Läs mer →
How-to

Från Figma till Next.js: så blir designen en snabb sajt

Vad en Figma-fil behöver innehålla, hur färger och typsnitt blir kod, varför man bygger komponenter och inte sidor — och hur sajten förblir snabb.

4 min läsning · Läs mer →

Redo att bygga något enastående?

Berätta kort vad du vill bygga så återkommer vi med en tydlig offert inom 24 timmar.

Du pratar direkt med utvecklaren
offert@nordkod.se

✉ MejlaBegär offert