Hoppa till huvudinnehåll
Boka samtal

WCAG & tillgänglighet

Tillgänglighet är inte ett tillval – det är hur vi bygger

Vi arbetar med WCAG 2.1 nivå AA och EN 301 549 för att hjälpa företag skapa webbplatser som fungerar för alla – oavsett förutsättningar. En tillgänglig webbplats är inte bara mer inkluderande, den är snabbare, lättare att hitta på Google och bättre positionerad inför EU:s kommande tillgänglighetskrav.

Prata med oss om tillgänglighet Vad är WCAG?

Vad är WCAG – och varför spelar det roll?

WCAG – Web Content Accessibility Guidelines – är de internationella riktlinjerna för webbtillgänglighet, framtagna av W3C (World Wide Web Consortium). De beskriver hur digitalt innehåll ska utformas för att kunna användas av alla människor, inklusive de med syn-, hörsel-, motorik- eller kognitiva funktionsnedsättningar.

WCAG 2.1 nivå AA är den mest tillämpade nivån och den som EU:s lagstiftning – via direktivet EN 301 549 – refererar till. Nivå AA täcker ett brett spektrum av krav: från kontrastvärden och tangentbordsnavigering till semantisk uppmärkning och formulärhantering.

Vi arbetar med WCAG 2.1 nivå AA och EN 301 549 i alla projekt vi tar oss an – inte för att det är ett krav, utan för att det är rätt sätt att bygga för alla människor och för framtiden.

Möjlig att uppfatta (P)

Information och gränssnitt måste presenteras så att användare kan ta del av dem – t.ex. via textbeskrivningar, tillräckliga kontrastvärden och alternativ till ljud/video.

Hanterbar (O)

Gränssnittet måste kunna användas av alla – med tangentbord, styrteknik eller röststyrning. Ingen funktion får vara exklusivt tillgänglig via mus.

Begriplig (U)

Innehåll och funktioner måste vara läsbara och förutsägbara. Formulär ska ge tydlig vägledning och felmeddelanden ska hjälpa, inte förvirra.

Robust (R)

Innehåll måste kunna tolkas av olika webbläsare, hjälpmedel och framtida teknologier – korrekt HTML-semantik är grunden.

WCAG är nu ett lagkrav för allt fler – är ni förberedda?

Tillgänglighetskraven har länge gällt offentlig sektor. Men med EU:s Accessibility Act ändras spelplanen för hela marknaden – inklusive privata företag.

01

EU:s Web Accessibility Directive

Sedan 2018–2020 är offentlig sektor i EU skyldig att följa WCAG 2.1 AA via direktivet om webbtillgänglighet. Myndigheters webbplatser och appar omfattas och ska ha tillgänglighetsutlåtanden.

02

EU Accessibility Act (EAA) – gäller från juni 2025

EAA utvidgar kraven till privat sektor. Från den 28 juni 2025 gäller tillgänglighetskrav för digitala tjänster inom e-handel, bank och finans, transport, media, e-böcker och mer. Kraven refererar till EN 301 549.

03

EN 301 549 – den europeiska standarden

EN 301 549 är den harmoniserade europeiska standarden som inkorporerar WCAG 2.1 AA och lägger till krav för icke-webbaserade digitala produkter. Det är denna standard som EU-lagstiftningen hänvisar till.

04

Tillgänglighetspolicy och utlåtande

Många organisationer behöver publicera ett tillgänglighetsutlåtande och en tydlig policy. Vi kan hjälpa er sätta upp en process och dokumentation för hur ni arbetar med tillgänglighet löpande.

05

Vad gäller för just er?

Exakt vilka krav som gäller din verksamhet beror på bransch, storlek och typ av digitala tjänster. Vi rekommenderar alltid att komplettera vår tekniska rådgivning med juridisk konsultation för att förstå era specifika skyldigheter.

06

Framtidssäkring

Tillgänglighetskraven skärps kontinuerligt – WCAG 3.0 är under utveckling. Att börja arbeta strukturerat med tillgänglighet nu innebär att ni bygger en grund som håller, snarare än att löpande behöva reagera på nya krav.

Tillgänglighet lönar sig – långt bortom lagkraven

Många företag tänker på WCAG som ett kryssrute-exercise för att undvika böter. Det missar poängen helt. En tillgänglig webbplats är en bättre webbplats – för alla besökare, inte bara de med funktionsnedsättning.

Semantisk HTML förbättrar tillgängligheten och är exakt det Google söker efter vid indexering. Bra kontrast gör text läsbar i starkt solljus. Tangentbordsnavigering hjälper power-users. Tydliga felmeddelanden minskar frustration för alla. Det handlar om att bygga rätt från grunden.

  • Bättre SEO – Semantisk uppmärkning, strukturerat innehåll och rätt heading-hierarki förbättrar Googles förståelse och ranking.

  • Bredare målgrupp – Ca 15–20 % av befolkningen har någon form av funktionsnedsättning. En tillgänglig sajt når fler potentiella kunder.

  • Lägre CO₂-avtryck – Semantisk, lättviktig HTML = färre resurser = snabbare laddning = lägre energiförbrukning.

  • Bättre UX för alla – God kontrast, tydliga etiketter och logisk struktur hjälper alla användare, inte bara de med hjälpmedel.

  • Maskintillgänglighet – Skärmläsare, röststyrning, aggregatorer och AI-verktyg tolkar semantisk HTML lättare.

  • Framtidssäkrad – Korrekt semantik och WCAG-anpassning håller längre och kräver färre omskalningar vid kommande krav.

Hur vi arbetar med tillgänglighet

Vår granskning kombinerar automatiserade verktyg med manuell testning. Det är den enda metoden som ger en heltäckande bild – automatiserade verktyg hittar ca 30–40 % av tillgänglighetsproblemen, resten kräver mänsklig bedömning och testning med faktiska hjälpmedel.

Vi genomför tangentbordsnavigering av hela webbplatsen, testar med skärmläsare (VoiceOver och NVDA), simulerar olika typer av färgblindhet och granskar HTML-semantik manuellt. Resultatet är en rapport som visar vad som inte fungerar, varför det är ett problem och hur det kan åtgärdas.

Analysen är rådgivande till sin natur. Vi identifierar brister mot WCAG 2.1 AA-kriterier – faktisk efterlevnad avgörs av vilka åtgärder som vidtas och i vilken kontext.

Verktyg vi arbetar med

  • Google Lighthouse – Automatiserad revision av prestanda och tillgänglighet

  • WAVE Accessibility Plugin – Visuell granskning av tillgänglighetsfel och strukturproblem

  • axe DevTools – Djupgående automatiserad WCAG-testning

  • Firefox Developer Tools – Inkl. simulering av färgblindhet (deuteranopi, protanopi m.m.)

  • QualWeb – ACT-baserad tillgänglighetsrevision

  • HTML5-semantisk granskning – Manuell kontroll av heading-hierarki, landmarks, ARIA-attribut

  • Tangentbordstestning – Manuell navigering av hela webbplatsen utan mus

  • Skärmläsartestning – VoiceOver (macOS/iOS) och NVDA (Windows)

Vad vi kan hjälpa er med

Vi erbjuder tillgänglighetsarbete i flera former – anpassat efter var ni befinner er i er digitala resa.

01

Tillgänglighetsgranskning

Vi granskar er befintliga webbplats mot WCAG 2.1 AA-kriterier och levererar en skriftlig rapport med identifierade brister, allvarlighetsgrad och konkreta åtgärdsförslag – prioriterade från enklast till mest komplexa.

02

Åtgärdshjälp och implementering

Har ni en rapport men saknar resurser att åtgärda bristerna? Vi hjälper gärna till med implementeringen – särskilt för webbplatser byggda i WordPress eller andra CMS. Implementeringen prissätts separat utifrån åtgärdslistan.

03

Tillgänglighet från dag ett

Bygger ni en ny webbplats? Vi integrerar tillgänglighetsarbete från start i vår webbdesign- och webbutvecklingsprocess. Semantisk HTML, rätt kontrast, tillgängliga formulär och tangentbordsnavigering är standard – inte tillval.

04

Löpande tillgänglighetsarbete

Tillgänglighet är inte en engångsgranskning – en webbplats förändras och nya funktioner tillkommer. Vi kan fungera som er tillgänglighetspartner med löpande granskningar och stöd när ni bygger vidare.

05

Tillgänglighetsutlåtande

En tillgänglighetsdeklaration (accessibility statement) är ett krav för offentlig sektor och rekommenderas för alla. Vi hjälper er ta fram ett korrekt och transparent utlåtande som kommunicerar er tillgänglighetsstatus.

06

Utbildning och rådgivning

Vill ni förstå tillgänglighet bättre internt? Vi erbjuder rådgivning och genomgångar anpassade för team som jobbar med webb – designers, utvecklare och innehållsredaktörer.

Tillgänglighet och hållbarhet – samma grundvärdering

På Sustainable WWW Sverige ser vi tillgänglighet och digital hållbarhet som delar av samma helhet. Vår vision är ett internet som är användbart och användarvänligt för alla – oavsett funktionsförmåga, enhet, uppkopplingshastighet eller geografisk plats.

Det är inte en slump att tillgänglig kod ofta är mer hållbar kod. Semantisk HTML kräver ingen extra JavaScript-overhead. Bilder med rätt alt-text behöver inte beskrivas på andra sätt av dyra AI-tjänster. En sida med tydlig struktur är lättare att rendera, lättare att indexera och lättare att använda – för människor och maskiner.

Vi designar för människor och för planeten. Det är inte en kompromiss – det är ett bättre sätt att bygga.

Semantisk HTML = lättare sidor

Korrekt semantisk uppmärkning eliminerar behovet av onödig JavaScript för navigering och struktur – vilket minskar sidvikt och energiförbrukning.

Inkludering är hållbarhet

Ett internet som utesluter människor med funktionsnedsättning är inte ett hållbart internet. Tillgänglighet är en social hållbarhetsfråga.

Bättre för alla

Tillgänglighetsförbättringar gynnar alla användare: god kontrast hjälper i starkt solljus, tangentbordsnavigering hjälper power-users, tydlig struktur hjälper alla.

Bättre sökmotortillgänglighet

Semantisk HTML och ARIA-struktur förbättrar hur Google och AI-sökmotorer indexerar och förstår ditt innehåll – vilket ger bättre synlighet.

Vanliga frågor om WCAG och tillgänglighet

Max Wallberg, medgrundare och försäljning på Sustainable WWW

Max Wallberg

Medgrundare & Försäljning

Prata med oss om tillgänglighet

Oavsett om ni behöver en granskning av er befintliga webbplats, hjälp med att åtgärda brister, eller vill integrera tillgänglighet i ett nytt projekt – börja med ett samtal.

  • Granskning mot WCAG 2.1 AA och EN 301 549

  • Identifiering av brister och prioriterade åtgärdsförslag

  • Hjälp med implementering för befintliga webbplatser

  • Tillgänglighet integrerat från dag ett i nya projekt