En webbplats ska fungera för alla som besöker den. Det gäller personer som ser dåligt, som navigerar med tangentbord i stället för mus, som använder skärmläsare eller som bara sitter med mobilen i starkt solljus. Tillgänglig webbdesign handlar om att ta hänsyn till de här situationerna redan när webbplatsen planeras.
Länge sågs tillgänglighet som något som främst offentliga myndigheter behövde tänka på. Sedan sommaren 2025 omfattas även många företag av EU:s tillgänglighetsdirektiv, till exempel inom e-handel och banktjänster. Vilka krav som gäller just din verksamhet beror på vad ni erbjuder, men det viktigaste skälet är enklare än så: en tillgänglig webbplats är nästan alltid en bättre webbplats för alla besökare.
Vad betyder tillgänglig webbdesign?
Kortfattat betyder det att innehållet går att uppfatta, använda och förstå oavsett förutsättningar. Som grund används ofta riktlinjerna WCAG (Web Content Accessibility Guidelines), som beskriver konkreta krav på allt från kontraster till hur formulär ska vara uppbyggda. Riktlinjerna kan verka tekniska, men mycket handlar om sunt förnuft och god design.
Tillgänglighet hänger också tätt ihop med UX-design. Båda utgår från användaren och frågar hur någon faktiskt tar sig fram på webbplatsen, inte bara hur den ser ut på designerns egen skärm.
Kontrast, text och färg
Text som är svår att läsa är ett av de vanligaste problemen. Ljusgrå text på vit bakgrund kan se elegant ut i en skiss, men blir snabbt oläslig på en mobilskärm eller för en besökare med nedsatt syn. WCAG anger minsta kontrastförhållanden mellan text och bakgrund, för vanlig brödtext 4,5:1 på nivå AA, och det finns enkla verktyg som mäter kontrasten åt dig.
Låt aldrig färg vara det enda sättet att förmedla information. Ett felmeddelande som bara visas med en röd ram missas lätt av den som har svårt att skilja på färger, så komplettera med text eller en ikon. Se också till att besökaren kan förstora texten utan att layouten går sönder.
Navigering som fungerar utan mus
Många använder tangentbordet för att ta sig fram på webben, antingen av nödvändighet eller av vana. Prova själv att gå igenom din webbplats med tabbtangenten. Syns det tydligt var du befinner dig? Kommer du åt menyn, knapparna och länkarna i en logisk ordning?
Några saker som är bra att kontrollera:
- Att fokusmarkeringen syns tydligt och inte har tagits bort av estetiska skäl.
- Att menyer och popup-fönster går att öppna och stänga med tangentbordet.
- Att länktexter säger vart de leder, i stället för bara ”Klicka här”.
- Att rubrikerna följer en logisk ordning, så att skärmläsare kan presentera sidans struktur.
Bilder, video och formulär
Bilder som bär information behöver en alternativtext som beskriver vad bilden visar eller vilket syfte den har. Rent dekorativa bilder kan i stället ha en tom alternativtext, så att skärmläsaren hoppar över dem. Videor bör ha undertexter, vilket dessutom hjälper alla som tittar med ljudet avstängt.
Formulär är ofta den del av en webbplats där tillgängligheten brister mest. Varje fält behöver en synlig etikett, felmeddelanden ska förklara vad som gick fel och hur det rättas, och det ska gå att skicka formuläret utan att använda musen.
Börja tidigt och testa ofta
Det är betydligt enklare att bygga in tillgänglighet från början än att rätta till den i efterhand. Ta med kraven redan i designfasen när färger, typsnitt och komponenter väljs, och testa löpande under utvecklingen. Automatiska verktyg hittar många fel, men de ersätter inte manuella tester med tangentbord, skärmläsare och riktiga användare.
Tillgänglig webbdesign är ingen separat funktion som läggs till på slutet, utan ett sätt att arbeta. Resultatet blir en webbplats som fler kan använda och som upplevs tydligare och enklare av alla besökare. Det är en investering som gör nytta långt efter att lanseringen är avklarad.
