En checklista for tillganglighetsrevision ar ett strukturerat dokument som guidar dig genom varje verifieringssteg som behovs for att bekrafta att din webbplats fungerar for personer med funktionsnedsattning. Istallet for ett vagt lofte om att gora saker tillgangliga, omvandlar en checklista efterlevnad till konkreta ja-eller-nej-fragor. Har den har bilden alt-text? Kan en tangentbordsanvandare na varje interaktivt element? Uppfyller fargkontrasten forhallandet 4,5:1? Denna guide ger over 50 kontrollpunkter organiserade efter de fyra WCAG-principerna. Oavsett om du forbereder dig for EU:s tillganglighetsdirektiv (EAA) som tradde i kraft i juni 2025, eller den svenska lagen om tillganglighet till digital offentlig service, ger denna checklista dig strukturen for att genomfora det.
Varfor du behover en strukturerad revisionschecklista
Att genomfora en tillganglighetsrevision utan checklista ar som att gora en byggnadsinspektion ur minnet. Du hittar de uppenbara problemen och missar de subtila som faktiskt blockerar anvandare.
Automatiserade skanningsverktyg ar en bra utgangspunkt, men de upptacker bara cirka 30-40 procent av WCAG-problemen. Resten kraver manskligt omdome.
Den juridiska dimensionen har skarpts avsevart. EU:s tillganglighetsdirektiv (EAA) ar verkstallbart sedan 28 juni 2025. I Sverige implementeras det genom lagen om tillganglighet till digital offentlig service och kompletterande forordningar. I andra EU-lander varierar boterna: upp till 300.000 euro i Spanien och 250.000 euro i Frankrike.
Utover lagkrav finns det ett starkt affarsargument. Tillgangliga webbplatser presterar battre i sokranking och konverterar fler anvandare.
Fore start: satt upp din revision
En bra revision borjar med att definiera omfattningen. Att testa varje sida pa en stor webbplats ar opraktiskt. Fokusera pa dessa kategorier:
Sidor med hog trafik: din startsida, viktigaste landningssidor och topp 10 sidor efter besokantal.
Viktiga anvandarfloden: registrering, inloggning, kassa, sokning och flerstegsformular.
Unika mallar: om din webbplats anvander 8 olika layouter, testa minst en representativ sida per mall.
Innehallsrika sidor: bloggartiklar, dokumentation och kunskapsbas.
For en typisk foretagswebbplats med 50-200 sidor tacker granskning av 10-15 representativa sidor de flesta variationerna.
Verktyg du behover
Du behover inte dyr foretagsprogramvara for en grundlig revision.
Automatiserad skanner: Anvand var gratischecker pa web-accessibility-checker.com for en omedelbar WCAG 2.2-rapport.
Browser DevTools: Chrome och Firefox har bada tillganglighetsinspektionspaneler.
Skarmslasare: NVDA ar gratis pa Windows. VoiceOver ar inbyggd i macOS och iOS. TalkBack ar inbyggd i Android.
Tangentbord: Ditt fysiska tangentbord. Koppla fran musen och forsok genomfora dina viktigaste floden med bara Tab, Shift+Tab, Enter, Mellanslag och piltangenter.
Kontrastanalysator: Colour Contrast Analyser fran TPGi ar gratis.
PDF-kontroll: Anvand PAC 2024 for att verifiera tillgangligheten i PDF-dokument.
Princip 1: Mojlig att uppfatta
Den forsta WCAG-principen fragar: kan anvandare uppfatta innehallet?
Bilder och icke-textuellt innehall
Varje informativ bild maste ha alt-text som formedlar samma information. Dekorativa bilder ska ha tomma alt-attribut.
Kontrollera att komplexa bilder som diagram och infografik har utokade beskrivningar.
CAPTCHA maste erbjuda alternativ.
Video- och ljudinnehall
Forinspelade videor behover synkroniserad textning. Forinspelat ljudinnehall behover texttransskription. Forinspelade videor behover syntolkning for visuell information som inte formedlas genom befintligt ljudspar.
Text och lasbarhet
Normal text behover ett kontrastforhallande pa minst 4,5:1 mot bakgrunden. Stor text behover minst 3:1.
Sidan maste forbli funktionell och lasbar nar texten forstorats till 200 procent.
Anvand inte bilder av text nar riktig text kan uppna samma visuella effekt.
Kontrollera att innehall inte enbart forlitar sig pa farg for att formedla information.
Princip 2: Hanterbar
Kan anvandare hantera granssnittet? Varje funktion maste fungera for personer som anvander tangentbord, skarmslasare, rostkommandon eller kontaktdon.
Tangentbordstillganglighet
Varje interaktivt element maste vara nabart och anvandbart med enbart tangentbord.
Kontrollera tangentbordsfallor. En falla uppstar nar du kan tabba in i ett element men inte ut.
Kontrollera att tabbordningen foljer en logisk lasordning.
Fokussynlighet
Varje interaktivt element maste ha en synlig fokusindikator. Enligt WCAG 2.2 kriterium 2.4.11 far det fokuserade elementet inte vara helt dolt bakom fasta sidhuvuden eller flytande widgets.
Ta aldrig bort fokusramar utan att ge en lika synlig ersattning.
Malstorlek och touch
WCAG 2.2 kriterium 2.5.8 kraver att interaktiva mal ar minst 24 ganger 24 CSS-pixlar.
For dra-och-slapp-funktionalitet kraver WCAG 2.2 kriterium 2.5.7 ett alternativ med enkelpekare.
Tidsbegransningar och rorelse
Om innehall ror sig automatiskt i mer an 5 sekunder maste anvandare kunna pausa eller stoppa det.
Inget pa sidan ska blinka mer an tre ganger per sekund.
Vid tidsbegransningar maste anvandare kunna stanga av, justera eller forlangar dem.
Princip 3: Begriplig
Kan anvandare forsta innehallet och hur granssnittet fungerar?
Sprak och lasbarhet
Sidan maste deklarera sitt sprak i HTML lang-attributet. For svenska sidor, anvand lang sv.
Navigationsmenyer ska visas pa samma relativa plats pa alla sidor.
Kontrollera att instruktioner inte enbart forlitar sig pa sensoriska egenskaper.
Formular och felhantering
Varje formularfalt behover en synlig, programmatiskt kopplad etikett. Placeholder-text ensam ar inte en etikett.
Vid fel maste specifika falt identifieras och problemen beskrivas.
WCAG 2.2 kriterium 3.3.7 kraver att tidigare inmatad information forifyls.
For autentisering kraver WCAG 2.2 kriterium 3.3.8 att losenordshanterare inte blockeras.
Princip 4: Robust
Kan hjalpmedelstekniker tolka innehallet korrekt?
Semantisk HTML och ARIA
Anvand semantiska HTML-element: header, nav, main, footer, article, section, aside.
Rubriker maste folja en logisk hierarki. En H1 per sida.
Alla interaktiva element maste ha tillgangliga namn.
Anvand ARIA-roller bara nar nativ HTML inte ger nodvandig semantik.
Kontrollera att dynamiska innehallsuppdateringar meddelas via aria-live-regioner.
Den kompletta checklistan: snabbreferens
Har ar den fullstandiga checklistan i skanningsbart format.
Mojlig att uppfatta: - Alla informativa bilder har beskrivande alt-text - Dekorativa bilder har tomma alt-attribut - Videor har synkroniserad textning - Textkontrast ar minst 4,5:1 - Sidan ar anvandbar vid 200% zoom - Innehall forlitar sig inte enbart pa farg
Handerbar: - Alla interaktiva element ar narbara med tangentbord - Inga tangentbordsfallor finns - Synliga fokusindikatorer finns - Interaktiva mal minst 24x24 CSS-pixlar - Auto-animerat innehall har pauskontroller - Hoppa-till-innehall-lank finns
Begriplig: - Sidsprak deklarerat i lang-attribut - Navigering konsekvent pa alla sidor - Alla falt har synliga etiketter - Felmeddelanden ar specifika - Autentisering blockerar inte losenordshanterare
Robust: - Semantiska HTML-landmarken anvands - Rubrikhierarki ar logisk - Alla interaktiva element har tillgangliga namn - ARIA anvands korrekt och bara vid behov
Hur du prioriterar problem efter revisionen
Kritiska problem blockerar anvandare helt. Atgarda dessa forst.
Hoga problem orsakar betydande svarigheter men har losningar.
Medelproblem paverkar anvandbarhet utan att blockera uppgifter.
Laga problem ar forbattringar av basta praxis.
Dokumentera varje fynd med allvarlighetsgrad, paverkad sida, relevant WCAG-kriterium och rekommenderad atgard.
Automatisera lopande overvakning
En revision ar en ogonblicksbild. Webbplatser andras standigt. Utan lopande overvakning smyger sig tillganglighetsregressioner in inom veckor.
Satt upp automatiserad skanning pa ett schema. Var tillganglighetschecker mojliggor regelbundna skanningar.
Integrera tillganglighetskontroller i ditt utvecklingsarbetsflode med bibliotek som axe-core.
Planera kvartalsvisa manuella granskningar. Utbilda ditt innehallsteam.
Juridiska krav 2026
EU:s tillganglighetsdirektiv (EAA) tradde i kraft den 28 juni 2025. I Sverige implementeras det genom lagen om tillganglighet till digital offentlig service och relaterade forordningar, med tillsynsansvar hos DIGG (Myndigheten for digital forvaltning). Den tekniska standarden ar EN 301 549, som refererar till WCAG 2.1 Niva AA.
I Tyskland foreskriver BFSG boter upp till 100.000 euro. I Spanien upp till 300.000 euro. I Frankrike upp till 250.000 euro.
ADA Title II i USA kraver nu uttryckligen webbtillganglighet for statliga myndigheter, med deadline april 2026.
Att rikta in sig pa WCAG 2.2 AA i din revision tacker kraven i alla dessa ramverk.