Varför tillgänglighetsoverlays inte fungerar (och vad du ska göra istället)

Tillgänglighets-overlays — JavaScript-widgets som lovar att göra webbplatser WCAG-kompatibla med en enda kodrad — har blivit en av de mest kontroversiella produkterna inom webbtillgänglighet. I april 2025 bötfällde FTC overlay-leverantören accessiBe med 1 miljon dollar för falska efterlevnadspåståenden. Beslutet bekräftade vad tillgänglighetsexperter sagt i åratal: overlays fungerar inte.

Vad är tillgänglighets-overlays?

Overlays är JavaScript-widgets från tredje part som injicerar ett verktygsfält eller en meny på en webbplats. De erbjuder vanligtvis funktioner som textförstoring, kontrastjustering och skärmläsar-"optimering". Marknadsföringen är lockande: lägg till ett script-tag och din webbplats blir tillgänglig. Inga kodändringar behövs.

Verkligheten ser väldigt annorlunda ut.

Varför overlays misslyckas

1. De kan inte fixa strukturella HTML-problem

De flesta WCAG-överträdelser finns i HTML-källkoden — saknade alt-attribut, felaktig rubrikhierarki, omärkta formulärfält, saknade ARIA-roller. Ett overlay-script i webbläsaren kan inte skriva om DOM:en på ett tillförlitligt sätt. Det kan lägga till attribut dynamiskt, men det är skört, bryter ofta befintlig funktionalitet och introducerar ofta nya tillgänglighetshinder.

2. De stör hjälpmedel

Skärmläsaranvändare avvisar överväldigande overlays. En undersökning från WebAIM 2023 visade att över 67 % av skärmläsaranvändarna upplevde att overlays gjorde webbplatser svårare, inte lättare, att använda.

3. De skapar en falsk känsla av efterlevnad

Den största faran med overlays är att de övertygar webbplatsägare om att de har "löst" tillgänglighet när de inte har det. EAA, ADA och andra regelverk kräver att den underliggande webbplatsen är tillgänglig — inte bara att en widget är installerad.

4. De är ett mål för stämningar

Enligt UsableNet riktade sig 22,6 % av tillgänglighetsstämningarna 2025 mot webbplatser med overlay-widgets. Istället för att förhindra stämningar verkar overlays attrahera dem.

FTC-beslutet

I april 2025 bötfällde Federal Trade Commission accessiBe med 1 miljon dollar och krävde att företaget skulle sluta påstå att deras widget gör webbplatser ADA- eller WCAG-kompatibla. Detta är ett historiskt beslut som varnar alla overlay-leverantörer.

Vad som faktiskt fungerar

1. Fixa din källkod. Tillgänglighet måste byggas in i din HTML, CSS och JavaScript.
2. Använd automatisk skanning. Verktyg som axe-core kan identifiera cirka 57 % av WCAG-överträdelserna automatiskt.
3. Genomför manuell testning. Testa med tangentbordsnavigering och skärmläsare (NVDA, VoiceOver).
4. Övervaka kontinuerligt. Tillgänglighet är inte en engångsinsats. Automatisk övervakning fångar regressioner innan användare drabbas.
5. Utbilda ditt team. Utvecklare, designers och innehållsskapare spelar alla en roll.

Vägen till riktig tillgänglighet kräver mer ansträngning än att installera en widget, men den ger resultat som faktiskt fungerar — för dina användare, för efterlevnad och för ditt företag.