Tillgänglighetsdirektivet — vad kräver det av din webbplats?

Vem omfattas?

European Accessibility Act, i Sverige genomförd genom lagen om vissa produkters och tjänsters tillgänglighet, började tillämpas den 28 juni 2025. Den utökar tillgänglighetskraven från offentlig sektor till stora delar av privat sektor.

• E-handel som riktar sig till konsumenter
• Bank- och finanstjänster för konsumenter
• Persontransporttjänster och deras bokningssystem
• E-böcker och läsprogram
• Elektronisk kommunikation och medietjänster

Offentlig sektor har haft motsvarande krav sedan 2019 genom lagen om tillgänglighet till digital offentlig service (DOS-lagen), inklusive skyldigheten att publicera en tillgänglighetsredogörelse.

Vad innebär WCAG 2.1 AA i praktiken?

WCAG är omfattande, men merparten av det som fälls i praktiken är en handfull återkommande saker.

Kontrast

Vanlig text måste ha minst 4,5:1 kontrast mot bakgrunden, stor text 3:1. Ljusgrå text på vitt — designtrenden som aldrig dör — faller nästan alltid här.

Tangentbordsnavigering

Allt som går att klicka på måste gå att nå med tabbtangenten, i logisk ordning, med synlig fokusmarkering. Testa själv: tryck tab genom din sajt och se om du kan se var du är.

Alternativtext

Bilder som bär information behöver beskrivande alt-text. Dekorativa bilder ska ha tom alt så att skärmläsaren hoppar över dem — inte "bild1.jpg".

Formulär

Varje fält behöver en kopplad etikett, och felmeddelanden måste förklara vad som är fel i text — inte bara färga fältet rött.

Rubrikstruktur

En h1 per sida, därefter h2 och h3 i logisk ordning. Rubriker får inte väljas efter storlek utan efter hierarki.

Rörelse

Animationer måste kunna stängas av via prefers-reduced-motion, och inget får blinka mer än tre gånger per sekund.

Så kommer du igång

1. Kör en automatisk kontroll med axe DevTools eller WAVE. Den fångar ungefär en tredjedel av problemen.
2. Testa manuellt med tangentbord: kan du nå och använda allt utan mus?
3. Testa med en skärmläsare — VoiceOver på Mac och iPhone, NVDA på Windows, båda gratis.
4. Kontrollera kontrasterna i din färgpalett en gång, så slipper du problemet på varje ny sida.
5. Prioritera de flöden som betyder mest: köp, bokning, kontakt.
6. Dokumentera vad som återstår och när det ska åtgärdas.

Vad kostar det?

Att bygga tillgängligt från början kostar nästan ingenting extra — det handlar mest om att välja rätt kontraster och skriva semantisk HTML. Att åtgärda en färdig sajt i efterhand kostar betydligt mer, ofta 15–40 % av ett nytt bygge beroende på hur illa det står till.

Det är därför vi bygger mot WCAG 2.2 AA som standard i alla projekt, oavsett om kunden omfattas av lagen eller inte. Det är billigare för alla inblandade.