Tillgänglighet på webben (WCAG) – så gör du din sajt tillgänglig för alla

En webbplats som fungerar för alla är en bättre webbplats

Ungefär 20 procent av befolkningen har någon form av funktionsnedsättning som påverkar hur de använder webben. Det kan handla om synnedsättning, hörselnedsättning, motoriska svårigheter eller kognitiva utmaningar. En webbplats som inte tar hänsyn till dessa besökares behov exkluderar en femtedel av dina potentiella kunder. Dessutom skärps lagkraven kring digital tillgänglighet. I den här guiden förklarar vi vad du behöver veta och göra.

Vad är WCAG?

WCAG står för Web Content Accessibility Guidelines och är den internationella standarden för webbtillgänglighet. Riktlinjerna är uppdelade i tre nivåer – A, AA och AAA – där AA är den nivå som de flesta lagkrav refererar till. WCAG bygger på fyra principer som säger att innehåll ska vara möjligt att uppfatta, hanterbart, begripligt och robust.

Det europeiska tillgänglighetsdirektivet

European Accessibility Act trädde i kraft 2025 och ställer krav på digital tillgänglighet för företag som erbjuder produkter och tjänster inom EU. Det omfattar bland annat e-handel, bank- och finanstjänster, elektronisk kommunikation och streamingtjänster. Även om direktivet i första hand riktar sig mot större företag och specifika sektorer är trenden tydlig – tillgänglighet blir standard, inte undantag.

Vanliga tillgänglighetsproblem

Otillräcklig kontrast mellan text och bakgrund är ett av de vanligaste problemen. Text som ser snygg ut i en designers ögon kan vara oläslig för någon med synnedsättning. WCAG AA kräver en kontrastkvot på minst 4.5:1 för normal text. Bilder utan alternativtext (alt-text) är ett annat vanligt problem – skärmläsare kan inte beskriva bilder utan alt-text vilket gör innehållet osynligt för blinda användare.

Bristfällig tangentbordsnavigation drabbar användare som inte kan använda mus. Varje interaktivt element på din webbplats ska kunna nås och användas med enbart tangentbordet. Formulär utan tydliga etiketter, videor utan textning och automatiskt uppspelande media är andra vanliga barriärer.

Praktiska åtgärder du kan göra idag

Börja med att testa din webbplats med automatiserade verktyg som WAVE, axe DevTools eller Lighthouse i Chrome. Dessa identifierar uppenbara problem som saknad alt-text, kontrastbrister och strukturella fel. Men automatiserade verktyg fångar bara cirka 30 procent av problemen, så komplettera med manuell testning.

Navigera igenom hela din sajt med enbart tangentbordet. Kan du nå alla menyer, knappar, formulär och länkar? Ser du tydligt var fokus befinner sig? Testa med en skärmläsare som VoiceOver på Mac eller NVDA på Windows. Lyssna på hur din sajt låter – det ger ofta aha-upplevelser kring hur otillgänglig en webbplats kan vara.

Tillgänglighet och SEO går hand i hand

Mycket av det du gör för tillgänglighet gynnar även din SEO. Alt-texter på bilder hjälper Google förstå bildinnehållet. En tydlig rubrikstruktur med korrekta H1–H6-nivåer gör det enklare för sökmotorer att tolka din sidas innehåll. Tillgängligt och semantiskt korrekt HTML förbättrar indexerbarheten. Snabb laddningstid gynnar både användare med funktionsnedsättningar och din Google-ranking.

Inkluderande design från start

Det billigaste och mest effektiva sättet att skapa en tillgänglig webbplats är att tänka tillgänglighet från projektets allra första dag. Att lägga till tillgänglighet i efterhand är dyrt och svårt. Genom att inkludera tillgänglighetskrav i kravspecifikationen, designa med tillgänglighet i åtanke och testa kontinuerligt under utvecklingen undviker du kostsamma omarbetningar. Alla nya webbplatser bör som minimum uppfylla WCAG 2.1 AA.

Sammanfattning

Tillgänglighet handlar om att skapa en webbplats som fungerar för alla människor, oavsett förutsättningar. Det är rätt sak att göra, det är bra för affärerna och det börjar bli lagkrav. Genom att förstå grunderna i WCAG, testa din befintliga sajt och bygga in tillgänglighet i nya projekt säkerställer du att din webbplats når sin fulla potential. Topsite bygger tillgängliga webbplatser som standard – kontakta oss om du vill veta mer.

Du kan slappna av!

Låt oss sköta din hemsida, så du kan fokusera på din verksamhet.
Exempel på prisvärd hemsida för företag