Vad är webbtillgänglighet? En komplett guide för nybörjare

Webbtillgänglighet handlar om att göra internet användbart för alla – oavsett funktionsförmåga. Det låter kanske självklart, men verkligheten är att miljontals människor stängs ute från digitala tjänster varje dag på grund av bristande tillgänglighet.

I Sverige lever över 1,5 miljoner människor med någon form av funktionsnedsättning. Globalt är siffran över en miljard. När webbplatser inte är tillgängliga utesluter de en betydande del av befolkningen från att handla, kommunicera och delta i samhället.

Den här guiden ger dig grunderna du behöver för att förstå webbtillgänglighet – vad det är, varför det spelar roll, och hur du kan börja göra dina digitala produkter tillgängliga för alla.

Vad betyder webbtillgänglighet?

Webbtillgänglighet (på engelska 'web accessibility', förkortat a11y) innebär att webbplatser, verktyg och teknologier designas och utvecklas så att personer med funktionsnedsättningar kan använda dem.

Mer specifikt betyder det att människor kan:

Tillgänglighet handlar alltså inte bara om att 'synskadade ska kunna använda sajten'. Det omfattar en bred grupp människor med olika behov – från permanent funktionsnedsättning till tillfälliga hinder som en bruten arm eller situationsberoende begränsningar som att använda telefonen i starkt solljus.

Varför är tillgänglighet viktigt?

Det finns tre huvudsakliga skäl till att satsa på webbtillgänglighet:

1. Det är rätt sak att göra

Internet har blivit en grundläggande del av samhället. Bank, myndigheter, shopping, socialt umgänge – allt sker online. Att utestänga människor från detta är en form av diskriminering.

2. Det är lag

Från juni 2025 gäller EU:s tillgänglighetsdirektiv för privat sektor i Sverige. E-handel, banker, transporttjänster och mycket mer måste uppfylla WCAG 2.1 AA-standarden. Brott kan leda till böter upp till 10 miljoner kronor.

3. Det är bra för affärerna

Tillgänglighet är inte en kostnad – det är en investering som betalar sig genom större räckvidd och minskad risk.

Vem behöver tillgängliga webbplatser?

Tillgänglighet gynnar fler än du tror. Här är några exempel:

Personer med synnedsättning:

Inkluderar blinda som använder skärmläsare, personer med nedsatt syn som behöver zoom eller hög kontrast, och färgblinda som inte kan förlita sig på enbart färg för information.

Personer med hörselnedsättning:

Behöver textning på video, transkriptioner av ljud, och visuella alternativ till ljudsignaler.

Personer med motoriska funktionsnedsättningar:

Kan inte använda mus och förlitar sig på tangentbord, röststyrning eller specialanpassade hjälpmedel. Behöver tillräckligt stora klickytor och tydliga fokusmarkeringar.

Personer med kognitiva funktionsnedsättningar:

Inkluderar dyslexi, ADHD, minnessvårigheter och inlärningssvårigheter. Behöver tydlig struktur, enkelt språk och konsekvent design.

Tillfälliga funktionsnedsättningar:

En bruten arm, ögoninfektion eller hjärnskakning gör att vem som helst tillfälligt kan behöva tillgänglighetsfunktioner.

Situationsberoende begränsningar:

Solljus på skärmen, bullrig miljö, eller att hålla ett barn i ena handen – alla skapar tillfälliga behov av bättre tillgänglighet.

De fyra grundprinciperna (POUR)

WCAG (Web Content Accessibility Guidelines) är den internationella standarden för webbtillgänglighet. Den bygger på fyra principer, sammanfattade som POUR:

1. Perceivable (Möjlig att uppfatta)

Information och gränssnitt måste presenteras på sätt som användare kan uppfatta med sina sinnen.

2. Operable (Möjlig att hantera)

Användare måste kunna interagera med gränssnittet.

3. Understandable (Möjlig att förstå)

Information och gränssnitt måste vara begripliga.

4. Robust

Innehållet måste vara tillräckligt robust för att tolkas korrekt av olika användarprogram, inklusive hjälpmedel.

Vanliga tillgänglighetshinder på webben

Här är de vanligaste problemen som gör webbplatser otillgängliga:

Bilder utan alternativtext:

Skärmläsare kan inte beskriva vad en bild föreställer om alt-attributet saknas eller är tomt.

Otillräcklig färgkontrast:

Ljusgrå text på vit bakgrund är svår att läsa för många – inte bara synskadade.

Formulär utan etiketter:

Skärmläsare behöver -element för att förklara vad varje fält ska innehålla.

Ej tangentbordsnavigerbara:

Dropdown-menyer och modaler som bara fungerar med mus utesluter tangentbordsanvändare.

Video utan undertexter:

Döva användare kan inte ta del av videoinnehåll utan text.

Automatiskt spelande media:

Ljud som startar automatiskt stör skärmläsare och kan trigga ångest hos känsliga användare.

Inkonsekvent navigering:

När menyer och knappar flyttar runt mellan sidor blir det svårt för användare med kognitiva funktionsnedsättningar.

Så kommer du igång med tillgänglighet

Att göra en webbplats tillgänglig kan kännas överväldigande, men du behöver inte göra allt på en gång. Här är en praktisk startguide:

Steg 1: Skanna din sajt

Använd ett automatiskt verktyg som Xrayd, Lighthouse eller WAVE för att hitta uppenbara problem. Automatiska verktyg hittar cirka 30-40% av tillgänglighetsproblemen.

Steg 2: Prioritera kritiska fel

Fokusera först på problem som helt blockerar användare – t.ex. formulär som inte fungerar med tangentbord eller köpflöden som saknar etiketter.

Steg 3: Testa manuellt

Navigera genom sajten med enbart tangentbord (Tab för att flytta fokus, Enter för att klicka). Testa med en skärmläsare om möjligt.

Steg 4: Involvera användare

Inget slår att låta personer med funktionsnedsättningar testa din sajt. De hittar problem du aldrig skulle tänka på.

Steg 5: Bygg in tillgänglighet i processen

Lägg till tillgänglighetskrav i er Definition of Done. Gör det till en del av code reviews och QA.