Tillgänglighetslagstiftningen skärps i Sverige och EU. Från 2025 gäller nya krav för digitala tjänster. Att göra sajten tillgänglig är inte bara en juridisk fråga, det handlar om att alla ska kunna använda den. Och det är ofta enklare att fixa än folk tror.
Bilder
Varje bild behöver ett alt-attribut. Beskriv vad bilden visar, inte vad den är. "Kvinna sitter vid laptop i kontorsmiljö" är bättre än "bild1.jpg". Dekorativa bilder (bakgrunder, ikoner utan semantisk betydelse) ska ha tomt alt="".
Rubriker
H1 en gång per sida. H2 för huvudsektioner. H3 för undersektioner. Hoppa inte över nivåer (H1 direkt till H3). Skärmläsare navigerar efter rubrikstruktur, och en felaktig hierarki gör sidan obegriplig.
Kontrast
Text mot bakgrund ska ha minst 4.5:1 kontrastratio för normal text, 3:1 för stor text (18px eller större). Kontrollera med Chrome DevTools eller webaim.org/resources/contrastchecker. Ljusgrå text på vit bakgrund ser elegant ut men är oläslig för många.
Tangentbordsnavigering
Tab genom sajten. Kan du nå alla länkar, knappar och formulärfält? Syns fokusindikatorn tydligt? Ta inte bort outline: none utan att ersätta med en synlig fokusindikator. Menyer ska kunna öppnas och stängas med tangentbordet.
Formulär
Varje fält behöver ett label. Placeholder är inte label. Felmeddelanden ska vara tydliga och specifika. "Fältet är obligatoriskt" är bättre än en röd asterisk utan förklaring.
Kör Lighthouse accessibility-audit i Chrome. Det fångar 80 procent av de vanligaste problemen. Komplettera med manuell tangentbordstestning.