HostUp
Svenskt webbhotell med snabb support och drift i svenska datacenter, ett tryggt förstahandsval för de flesta företag.
Passar: Dig som vill ha ett webbhotell med svensk support och enkel administration.
Guider
Tillgänglighet på webbplatsen
En webbplats som ser bra ut på skärmen kan ändå vara omöjlig att använda för en besökare som navigerar med tangentbord eller läser sidan med en skärmläsare. Här är grundkraven du bör kontrollera, oavsett om webbplatsen omfattas av lagkrav eller inte.
Digital tillgänglighet handlar om att en webbplats går att använda oavsett hur besökaren interagerar med den, med mus, tangentbord, skärmläsare eller förstoringsverktyg. Lagkravet på tillgänglighet enligt webbtillgänglighetsdirektivet riktar sig i första hand mot offentlig sektor, men grundprinciperna är lika relevanta för ett privat företags webbplats. Kravnivån för offentlig sektor utgår från webbstandarden WCAG, som i praktiken fungerar som ett vedertaget riktmärke även för en företagswebbplats som vill höja tillgängligheten utan att ett lagkrav gäller. En sida som är svår att navigera för en del besökare tappar dem oavsett om ett lagkrav gäller eller ej, och samma grundläggande fixar som förbättrar tillgängligheten gör ofta sidan tydligare för alla besökare.
Struktur besökaren inte alltid ser
Rubriker ska följa en logisk ordning, med en enda H1 per sida och underrubriker i rätt nivåordning under den, inte hoppa mellan nivåer bara för att en mindre rubrik ser bättre ut visuellt. Skärmläsare använder rubrikstrukturen för att låta besökaren hoppa mellan avsnitt, och en oordnad struktur gör sidan svårnavigerad även om texten i sig är begriplig. Det är samma struktur som gör innehållet lättare att skumma för vilken besökare som helst, vilket också hänger ihop med hur väl sidan besvarar en sökintention på ett tydligt sätt.
Bilder behöver text som förklarar dem
Alt-text är en kort beskrivning av vad en bild faktiskt visar, och den läses upp av skärmläsare för besökare som inte kan se bilden. Den fyller samma funktion om en bild av tekniska skäl inte laddas. En produktbild bör beskriva produkten, inte bara filnamnet, och rent dekorativa bilder utan informationsvärde kan lämnas med tom alt-text så att skärmläsaren hoppar över dem istället för att läsa upp irrelevant brus.
Tangentbordsnavigering
Alla funktioner på webbplatsen, från menyer till formulär och köpknappar, bör gå att nå och använda enbart med tangentbordet. Det gäller besökare som av olika anledningar inte använder mus, men avslöjar ofta samma problem som drabbar mobila besökare: element som bara reagerar på hovring, eller en fokusordning som hoppar oförutsägbart mellan delar av sidan. Ett enkelt test är att klicka in i adressfältet och sedan bara använda tabbtangenten genom hela sidan.
Kontrast räcker inte ensamt. Bra kontrast mellan text och bakgrund är nödvändigt men bara en av flera delar. En sida kan ha perfekt kontrast och ändå vara oanvändbar om formulärfält saknar etiketter eller om länktexter bara säger "läs mer" utan sammanhang.
Formulär och länktexter
Formulärfält behöver etiketter som är kopplade till rätt fält i koden, inte bara placerade bredvid visuellt. Utan den kopplingen vet en skärmläsare inte vilket fält en etikett som "e-postadress" faktiskt hör till. Länktexter bör beskriva vart länken leder även utan det omgivande sammanhanget. "Läs mer om våra tjänster" ger besökaren betydligt mer information än ett upprepat "läs mer" på flera ställen på samma sida.
Grundkrav i korthet
| Område | Vad som kontrolleras |
|---|---|
| Rubrikstruktur | En H1 per sida, logisk nivåordning på underrubriker |
| Bilder | Beskrivande alt-text på informationsbärande bilder |
| Tangentbordsnavigering | Alla funktioner nåbara utan mus |
| Kontrast | Tillräcklig kontrast mellan text och bakgrund |
| Formulär | Etiketter kopplade till rätt fält i koden |
| Länktexter | Begripliga utan omgivande sammanhang |
Snabbval: passar för / välj bort om
Gör en grundlig genomgång om webbplatsen är offentligt finansierad eller riktar sig mot en bred allmänhet, där kraven på tillgänglighet är tydligast och en oåtgärdad brist kan påverka fler besökare.
En enklare egenkontroll räcker som start för en mindre företagswebbplats utan formella krav, men samma grundfixar, rubrikstruktur, alt-text och tangentbordsnavigering, är värda att göra ändå eftersom de sällan kostar mycket att åtgärda.
Enkel egenkontroll utan verktyg
Navigera hela webbplatsen med enbart tangentbordet och se om du tar dig till alla funktioner i en logisk ordning. Läs igenom rubrikerna på en sida utan att titta på designen och kontrollera att de bildar en begriplig sammanfattning på egen hand. Kontrollera att viktiga bilder har alt-text genom att inspektera koden eller stänga av bildvisning i webbläsaren. Automatiserade granskningsverktyg kan fånga en del tekniska fel, som saknad alt-text eller ogiltig kod, men de fångar sällan om innehållet faktiskt går att förstå i praktiken. Fler grunder att bocka av innan en webbplats publiceras finns i vår guide om cookies och integritet på webbplatsen, och den som fortfarande letar webbhotell hittar en genomgång av vad som är värt att kontrollera innan köp.
Vanliga frågor
Måste alla privata företagswebbplatser vara tillgänglighetsanpassade?
Lagkravet gäller i första hand offentlig sektor. För privata företag är kraven inte lika strikt reglerade, men en tillgänglig webbplats gynnar fler besökare och är ofta bättre för sökbarheten också.
Vad är alt-text och varför behövs den?
En kort beskrivning av en bilds innehåll som läses upp av skärmläsare, och som visas om bilden inte laddas. Den hjälper även sökmotorer att förstå vad bilden visar.
Räcker det med bra kontrast mellan text och bakgrund?
Nej, kontrast är bara en del. Webbplatsen behöver också gå att navigera med tangentbord, ha tydlig rubrikstruktur och formulär med korrekt kopplade etiketter.
Hur kontrollerar man tillgängligheten på egen hand?
Navigera hela sidan med tangentbordet, läs rubrikstrukturen utan att titta på designen, och kontrollera att bilder har beskrivande alt-text. Verktyg fångar tekniska fel men ersätter inte ett faktiskt genomklick.
Senast faktakontrollerad 2026-07-01. Innehållet bygger på DIGG:s (Myndigheten för digital förvaltning) vägledning om digital tillgänglighet, kompletterat med Googles vägledning för hjälpsamt innehåll.
