Guide · 202627 sidor9 kapitelGratis PDF
Tillgängliga webbplatser med WCAG
Så gör ni webbplatsen tillgänglig för alla, uppfyller lagkraven och undviker vanliga fallgropar redan från start.
- Lagkraven Två lagar, samma nivå: WCAG 2.1 AA
- Kontrast Tolv färgpar testade mot AA
- Upphandling Kravformuleringar att använda
Om guiden
Sedan den 28 juni 2025 är digital tillgänglighet ett lagkrav även för många privata företag, inte bara för myndigheter. Både DOS-lagen och tillgänglighetslagen utgår i praktiken från WCAG 2.1 nivå AA, och ansvaret ligger alltid hos den som erbjuder tjänsten, även när en byrå har byggt webbplatsen.
Guiden förklarar vad WCAG är, vilka som omfattas och vad nivåerna A, AA och AAA betyder. Sedan går den igenom de fem områden där bristerna oftast uppstår: språk, färgkontraster, navigation, kod och media, med checklistor ni kan bocka av direkt.
Till sist handlar den om tillgänglighet som affärsfråga och om upphandling: färdiga kravformuleringar att använda och hur ni följer upp så att webbplatsen håller nivån även efter lansering.
Passar er som
- beställer, äger eller ansvarar för en webbplats
- behöver veta om tillgänglighetslagen gäller er
- ska upphandla en webbplats och vill ställa krav på tillgänglighet
Ur guiden
- 28 juni 2025
- då tillgänglighetslagen började gälla, bland annat för e-handel och banktjänster
- WCAG 2.1 AA
- nivån som både DOS-lagen och tillgänglighetslagen kräver i praktiken
- 4,5:1
- minsta kontrast för normal text på nivå AA
- 78 kriterier
- fördelade på 13 riktlinjer och fyra grundprinciper i WCAG 2.1
Innehåll
- Kapitel 01
WCAG och lagkraven
Vad WCAG är, vilka som omfattas och skillnaden mellan DOS-lagen och tillgänglighetslagen. Plus de tre nivåerna, undantaget för mikroföretag och vad WCAG 2.2 lägger till.
- Kapitel 02
Tillgänglig design i praktiken
De fem byggstenarna som avgör om webbplatsen fungerar för alla, med konkreta exempel på åtgärder inom varje område.
- Kapitel 03
Språk
Klarspråk, rubrikhierarki, alt-texter, beskrivande länkar och språkangivelse i koden. En checklista att bocka av.
- Kapitel 04
Färgkontraster
Kontrastkraven för text och gränssnitt, och tolv vanliga färgpar testade mot AA och AAA. Hälften klarar inte kravet för normal text.
- Kapitel 05
Navigation
Tangentbordsstyrning, synligt fokus, meningsfulla länktexter och länken som hoppar direkt till innehållet.
- Kapitel 06
Kod
Semantisk HTML, korrekt rubrikordning, ARIA med omsorg, egenbyggda komponenter och tillgängliga formulär, med kodexempel.
- Kapitel 07
Media
Undertexter, syntolkning, transkript, tillgängliga spelare och reglerna för automatisk uppspelning och blinkande innehåll.
- Kapitel 08
WCAG som affärsfråga
Fem sätt som tillgänglighet stärker affären, från större marknad och högre konvertering till synlighet i sök och AI. Och hur ansvaret fördelas mellan beställare, redaktion och byrå.
- Kapitel 09
Kravställning vid upphandling
Färdiga kravformuleringar för nivå, testning, rapportering och tillgänglighetsredogörelse, och hur ni följer upp med verktyg, tangentbord och skärmläsare.
Vanliga frågor
Gäller tillgänglighetslagen vårt företag?
Lagen gäller sedan den 28 juni 2025 produkter och tjänster till konsument, bland annat e-handel, banktjänster, telekom, medietjänster och persontransporter. Mikroföretag som säljer tjänster, med färre än tio anställda och högst 2 miljoner euro i omsättning, är i regel undantagna. Guiden är inte juridisk rådgivning, så rådgör med juridisk kompetens för ert specifika fall.
Vilken WCAG-nivå kräver lagen?
Både DOS-lagen och tillgänglighetslagen utgår från standarden EN 301 549, vilket i praktiken betyder WCAG 2.1 nivå AA. WCAG 2.2 AA är en rimlig ambition för den som vill vara långsiktigt trygg.
Vem är ansvarig om en byrå har byggt webbplatsen?
Den som erbjuder tjänsten. Ansvaret går inte att avtala bort till byrån, men arbetet delas i praktiken mellan beställare, innehållsansvariga och webbyrå.
Räcker det med ett tillgänglighetsverktyg eller en overlay?
Nej. Kraven gäller webbplatsens faktiska kod och innehåll. Automatiska tester fångar bara en del av bristerna, så komplettera med manuella tester med tangentbord och skärmläsare.
Ladda ner
Få guiden i inkorgen
Tillgängliga webbplatser med WCAG