Till huvudinnehållet
Seviranta
← Tillbaka till bloggen

Varför en overlay-widget inte skyddar dig (och vad som gör det)

4 juni 2026

Kort svar. En overlay-widget lägger ett lager JavaScript över din webbplats och lovar att göra den "100% tillgänglig" med en enda rad kod. I verkligheten reparerar den inte din underliggande kod, kan den lägga till nya hinder, och skyddar den dig inte mot krav — den amerikanska tillsynsmyndigheten FTC bötfällde 2025 en stor overlay-leverantör med $1 miljon för vilseledande compliance-påståenden. Det som faktiskt fungerar: att åtgärda felen vid källan, i din egen kod.

Vad gör en overlay-widget egentligen?

En overlay-widget är en bit JavaScript som client-side — först i din besökares webbläsare — lägger ett lager över din webbplats. Den försöker omtolka och ändra HTML-koden i laddningsögonblicket (ofta via en Shadow DOM), men den ändrar inte den underliggande källkoden på din server. Därmed förblir det ett kosmetiskt ingrepp, ingen verklig reparation.

Reparerar en overlay de verkliga felen?

Nej. Eftersom själva koden inte ändras finns de verkliga felen kvar. Ett otillgängligt kassaformulär förblir otillgängligt; widgeten klistrar på sin höjd något ovanpå. Så fort du ändrar ditt tema eller en app kan "reparationen" dessutom gå sönder igen.

Kan en overlay lägga till nya hinder?

Ja, regelbundet. Overlays ingriper automatiskt på din sida och introducerar därvid ibland tvärtom nya problem — tänk fokus som hoppar, dubbla uppläsningar för skärmläsare, eller knappar som plötsligt slutar fungera. Många experter med egen funktionsnedsättning och skärmläsaranvändare stänger därför hellre av overlays: verktyget som skulle hjälpa dem står i vägen.

Gör en overlay din webbplats långsammare?

Ja. En overlay laddar vid varje sidvisning extra JavaScript som söker igenom och ändrar DOM:en. Det kostar laddtid och slår mot dina Core Web Vitals — i synnerhet INP (Interaction to Next Paint), som Google väger in i din ranking. Bittert nog: verktyget som skulle förbättra din tillgänglighet gör din webbplats i stället långsammare — även för användarna med funktionsnedsättning som har mest nytta av en snabb sida. Du betalar alltså dubbelt: i användarupplevelse och i SEO.

Skyddar en overlay dig mot böter och krav?

Det här är den viktigaste frågan, och svaret är nej. En overlay gör dig inte påvisbart compliant och friar dig inte från tillsyn eller krav. Tvärtom: den amerikanska tillsynsmyndigheten FTC bötfällde 2025 en känd overlay-leverantör med $1 miljon för vilseledande compliance-påståenden — själva löftet visade sig vara problemet. Och inte utan skäl: det pågår numera tusentals tillgänglighetsstämningar, och hundratals av dem mot webbplatser som just använde en overlay. Widgeten skyddade dem inte.

Overlay kontra verklig kodfix

AspektOverlay-widgetFix i din egen kod
Reparerar källkodennej, bara client-sideja, strukturellt
Skyddar mot kravnejja — det enda som håller vid en granskning
Hastighet & SEOgör sidan långsammare, skadar Core Web Vitalssnabbare, bättre SEO
Hållbar vid temabytegår ofta sönderstår kvar

Vad fungerar då faktiskt mot otillgänglighet?

Tillgänglighet löser du vid källan:

  1. Granska din webbplats mot WCAG 2.1 AA och se exakt vad som är fel.
  2. Reparera den verkliga koden — ofta i hela temat, så att en fix direkt täcker många sidor.
  3. Fortsätt granska, för din webbplats förändras och nya fel smyger sig ständigt in.

Det är mer än en knapp, men det är det enda som håller vid en granskning — och det ger dig dessutom verkliga, användbara förbättringar i stället för ett lager ovanpå. Oavsett om du omfattas av European Accessibility Act eller bara inte vill förlora kunder: att ta tag i det vid källan är i slutändan mindre arbete och det enda som är hållbart.

Börja med att mäta

Vill du veta vad som pågår under huven på din webbplats? Skanna en sida gratis. Du får inget påhittat "100% löst", utan en tydlig bild: vad en maskin kan fastställa säkert, vad som kräver mänsklig granskning, och hur du åtgärdar det — på under 60 sekunder, utan konto.