Tillgänglighetsoverlays: Är de juridiskt säkra?

Vad är en tillgänglighetsoverlay?

En tillgänglighetsoverlay är en JavaScript-widget — laddad via ett tredjepartsskript — som läggs ovanpå en befintlig webbplats och påstår sig göra den mer tillgänglig. De flesta overlays visar en liten ikon (en figur i en cirkel, eller en rullstolssymbol) som öppnar en panel med kontroller: justera teckenstorlek, växla hög kontrast, aktivera ett “skärmläsarläge” eller använda dyslexivänliga typsnitt.

Overlay-leverantörer marknadsför sina produkter som en enkel, snabb och billig väg till WCAG-efterlevnad och juridiskt skydd enligt ADA. Löftet är lockande: installera en enda skripttagg, betala en månadsavgift, och tillgänglighetsproblemet är löst.

Bevisen — från akademisk forskning, oberoende tester, användarfeedback och domstolarna — berättar en annan historia.

Hur overlays fungerar (och varför det skapar problem)

Overlays fungerar genom att fånga upp den renderade DOM:en efter att webbläsaren har bearbetat sidan och sedan tillämpa JavaScript-drivna ändringar. Vissa använder maskininlärning för att försöka automatisk åtgärda problem: gissa saknad alt-text från bildernas filnamn, gissa ARIA-etiketter, försöka ändra ordningen på tangentbordsfokus.

Detta angreppssätt har ett fundamentalt arkitektoniskt problem: det försöker fixa bristande tillgänglighet på presentationslagret utan att ändra den underliggande koden. Den ursprungliga, otillgängliga HTML-, CSS- och JavaScript-koden finns fortfarande kvar. Overlayn försöker bara täcka över den vid körning.

Konsekvenserna är förutsägbara:

• Fixar som overlayn tillämpar kan krocka med hur hjälpmedel tolkar den ursprungliga DOM:en, vilket ger sämre resultat än den ofixade sidan
• Skärmläsare interagerar direkt med DOM:en — ett lager som läggs ovanpå den påverkar inte nödvändigtvis vad skärmläsaren faktiskt läser upp
• Tangentbordsproblem som beror på saknad tabindex eller trasig fokushantering korrigeras inte tillförlitligt av JavaScript-patchar som tillämpas efter rendering
• Mobila hjälpmedel (VoiceOver på iOS, TalkBack på Android) kringgår i stor utsträckning overlay-ändringar
• Overlay-panelerna själva innehåller ofta tillgänglighetsbrister — modaler som fångar tangentbordsfokus, knappar utan tillgängliga namn, widgetar som i sig är otillgängliga via tangentbord

Vad forskningen visar

Flera oberoende studier har testat overlay-påståenden mot faktisk WCAG-efterlevnad:

WebAIM Million (2023) fann att startsidor för webbplatser som använder overlay-produkter för tillgänglighet hade betydligt fler upptäckbara WCAG-brister än de som inte gjorde det. Overlays minskade inte felfrekvensen; de korrelerade med en högre — troligen eftersom organisationer som förlitar sig på overlays som sin huvudsakliga efterlevnadsstrategi inte utför det underliggande åtgärdsarbetet.

Granskningar av AccessiBe och UserWay som gjorts av tillgänglighetsforskare har visat att sidor, även efter att en overlay aktiverats, fortsätter att brista mot en betydande andel av WCAG 2.1 AA-kriterierna — inklusive brister som overlayn specifikt påstår sig åtgärda.

Användartester med deltagare med funktionsnedsättning, genomförda av forskare som Karl Groves och Adrian Roselli, visade att många användare med funktionsnedsättning aktivt stänger av eller blockerar overlay-widgetar, eftersom ingreppen försämrar deras upplevelse snarare än förbättrar den. Overlayns “skärmläsarläge” i synnerhet nämns ofta som störande av skärmläsaranvändare som redan har konfigurerat sitt hjälpmedel efter sina egna behov.

Branschorganet som overlays påstår sig uppfylla kraven för — W3C — har inte godkänt overlay-teknik som en väg till WCAG-efterlevnad. W3C:s vägledning är tydlig: efterlevnad kräver att den underliggande sidan uppfyller framgångskriterierna, inte att ett tredjepartslager läggs ovanpå den.

Vad domstolarna säger

Det juridiska läget kring overlays blir allt mer ofördelaktigt för organisationer som förlitar sig på dem som sin huvudsakliga efterlevnadsstrategi.

Stämningar mot overlay-användare

Organisationer som använder overlay-produkter har fortsatt att drabbas av stämningar enligt ADA Title III. Overlayn har inte fungerat som ett juridiskt skydd.

Anmärkningsvärda fall inkluderar:

Lainey Feingold och NFB — National Federation of the Blind har varit tydliga med att overlay-widgetar inte utgör effektiv tillgänglighet och att NFB inte betraktar dem som ett rimligt substitut för faktisk åtgärd.

Flera federala domstolsprocesser — kärande i ADA-mål om webbtillgänglighet har framgångsrikt hävdat att förekomsten av en overlay inte utgör efterlevnad, eftersom den underliggande sidan fortsätter att utgöra hinder för användare av specifika hjälpmedel. Domstolarna har hållit med. I flera förlikningar har svarande som använt overlay-produkter tvingats ta bort overlayn och genomföra genuin åtgärd.

Robles v. Domino’s Pizza — även om det inte specifikt är ett overlay-fall, fastställde denna banbrytande dom från Ninth Circuit att ADA gäller webbplatser och att den tekniska standarden som förväntas är WCAG. Domstolar som bedömer overlayens effektivitet har tillämpat denna standard: uppfyller sidan faktiskt WCAG? Overlayn är irrelevant om den underliggande sidan inte gör det.

Problemet med overlay som bevis

I vissa fall har förekomsten av en overlay använts mot svaranden. Argumentet: genom att köpa och installera en overlay erkände organisationen att sidan hade tillgänglighetsproblem. Overlayns misslyckande att lösa dessa problem visar därför fortsatt medveten bristande efterlevnad — en svårare position än för en organisation som helt enkelt ännu inte hade tagit sig an tillgänglighet alls.

DOJ-förlikningar och samförståndsavtal

Justitiedepartementets (DOJ) tillgänglighetsförlikningar kräver konsekvent faktisk WCAG-efterlevnad, inte installation av efterlevnadsverktyg. Ingen av DOJ:s publicerade förlikningar eller frivilliga efterlevnadsavtal har erkänt overlay-produkter som uppfyllande av ADA-skyldigheter.

Vad overlay-leverantörer påstår jämfört med vad de levererar

Overlay-leverantörer gör specifika påståenden som är värda att granska individuellt:

“Direkt WCAG 2.1-efterlevnad”

WCAG 2.1-efterlevnad är en egenskap hos sidan själv, inte hos ett lager som läggs ovanpå den. En sida som brister i tangentbordstillgänglighet, saknar alt-text eller saknar korrekt rubrikstruktur blir inte WCAG-efterlevande bara därför att en widget installerats. W3C:s efterlevnadsmodell kräver att sidan uppfyller varje framgångskriterium — inte att ett verktyg påstår att den gör det.

“Juridiskt efterlevande”

Juridisk efterlevnad enligt ADA, PSBAR, EAA eller motsvarande regelverk beror på om en sida faktiskt utgör hinder för användare med funktionsnedsättning. Domstolar och tillsynsmyndigheter bedömer detta genom att testa sidan som användarna upplever den — ofta med faktiska användare av hjälpmedel. En overlay som inte tillförlitligt löser hinder ger inget juridiskt skydd.

“Fungerar med skärmläsare”

Skärmläsare interagerar med den tillgänglighetsträd som härleds från DOM:en. En overlay som tillämpar JavaScript-ändringar efter rendering återspeglas eventuellt inte i det tillgänglighetsträd som skärmläsaren läser. Detta är inte ett teoretiskt specialfall — det är ett vanligt felmönster som dokumenterats i användartester.

“Används av [stort antal] webbplatser”

Marknadsspridning ger inte juridisk giltighet. WebAIM-forskningen antyder att skala har korrelerat med sämre tillgänglighetsresultat, inte bättre.

“Bli fri från WCAG-stämningar”

Ingen overlay-leverantör kan juridiskt garantera frihet från stämningar. Den WCAG-efterlevnad som domstolar faktiskt bedömer är den underliggande sidans efterlevnad — något en overlay inte kan skapa.

Varför organisationer köper overlays trots allt

Att förstå varför overlays har hittat en marknad hjälper till att förklara varför säljargumentet är så effektivt även när produkten inte är det.

Kostnad och hastighet. Ett genuint åtgärdsprogram för tillgänglighet — granskning, fix, omtest, utbildning, övervakning — tar tid och kostar pengar. En overlay kostar några hundra dollar per år och installeras på minuter. För organisationer som möter granskningsresultat eller juridiskt tryck med kort tidsram är kontrasten tydlig.

Rimlig ansvarsfrihet. Vissa organisationer köper overlays inte för att de tror att de fungerar, utan för att skapa ett pappersspår. “Vi köpte en tillgänglighetslösning” är en bättre position än “vi gjorde ingenting” — även om domstolarna i stort har avvisat detta argument.

Leverantörernas säljtaktik. Overlay-leverantörer satsar tungt på försäljning till webbyråer, upphandlingsteam och efterlevnadsansvariga som kanske inte har djup tillgänglighetsexpertis. Påståenden om “ADA-efterlevnad” och “WCAG-certifiering” görs med säkerhet och är svåra för icke-specialister att snabbt utvärdera.

Missförstånd om problemet. Digital tillgänglighet är tekniskt, och många beslutsfattare förstår inte fullt ut varför det är nödvändigt att fixa den underliggande koden. Att rama in overlays som ett “verktyg” eller en “lösning” antyder likvärdighet med faktisk åtgärd.

Vad du bör göra istället

Om din organisation för närvarande använder en overlay och överväger om ni ska fortsätta, är ramverket enkelt:

Granska din webbplats oberoende. Beställ en tillgänglighetsgranskning som testar den underliggande sidan — inte den overlay-modifierade versionen. Detta ger dig en ärlig bild av din faktiska efterlevnad. Många granskare stänger av overlayn innan de testar.

Prioritera dina mest använda flöden. De hinder med högst risk finns i centrala användarresor: inloggning, kassa, kontohantering, ansökningsformulär, viktig navigering. Det är dessa som kärande testar och som tillsynsmyndigheter utreder. Fixa dessa först.

Åtgärda den underliggande koden. Arbetet ligger i HTML, CSS, JavaScript och innehåll — inte i ett lager ovanpå dem. Detta kräver utvecklartid och, idealiskt, tillgänglighetsexpertis inbyggd i teamet eller inhämtad utifrån.

Bygg in övervakning i ert arbetsflöde. Automatiserade tillgänglighetskontroller i er utvecklingspipeline fångar regressioner innan de når användarna. Vår CI/CD-integration för tillgänglighet gör detta till en del av varje build.

Utbilda ert team. Utvecklare som förstår WCAG skriver tillgänglig kod. Designers som förstår tillgänglighet designar tillgängliga gränssnitt. En endagsutbildning i tillgänglighet betalar sig många gånger om i undvikna åtgärdskostnader.

Publicera en ärlig tillgänglighetsredogörelse. En tillgänglighetsredogörelse som korrekt beskriver era kända problem och åtgärdsplaner visar god vilja gentemot tillsynsmyndigheter och användare. Den ger även användare en direkt kanal att rapportera hinder innan de eskalerar.

Overlayns plats i ett verkligt tillgänglighetsprogram

Detta är inte ett argument för att overlay-teknik inte har någon plats alls i något tillgänglighetsprogram. Vissa overlay-funktioner — användarstyrda kontrastinställningar, justering av teckenstorlek, minskad rörelse — kan vara genuint användbara tillägg utöver en tillgänglig underliggande webbplats.

Problemet är att använda en overlay istället för tillgänglighet. Det substitutet fungerar inte tekniskt, det uppfyller inte juridiska standarder, och det sviker de användare overlayn påstår sig hjälpa.

Verklig tillgänglighet är inte en widget. Det är en egenskap hos kod, innehåll och design på webbplatsen själv — inbyggt, inte fastskruvat.

Om er organisation för närvarande förlitar sig på en overlay för efterlevnad visar en gratis tillgänglighetsskanning de hinder som finns under den. Vårt team för tillgänglighetsrådgivning kan hjälpa er bygga en realistisk åtgärdsplan som tar sig an de underliggande problemen istället för att täcka över dem.