Saavutettavuusoverlayt: ovatko ne laillisesti turvallisia?

Mikä on saavutettavuusoverlay?

Saavutettavuusoverlay on JavaScript-widget — ladattu kolmannen osapuolen skriptin kautta —, joka asettuu olemassa olevan verkkosivuston päälle ja väittää tekevänsä siitä saavutettavamman. Useimmat overlayt näyttävät pienen kuvakkeen (hahmo ympyrässä tai pyörätuolisymboli), joka avaa hallintapaneelin: fontin koon säätö, korkean kontrastin kytkin, “ruudunlukijatilan” käyttöönotto tai dysleksiaystävällisten fonttien käyttö.

Overlay-toimittajat markkinoivat tuotteitaan yksinkertaisena, nopeana ja edullisena tienä WCAG-vaatimustenmukaisuuteen ja ADA-oikeudelliseen suojaan. Myyntipuhe on houkutteleva: asenna yksi skriptitagi, maksa kuukausimaksu, ja saavutettavuusongelmasi on ratkaistu.

Näyttö — akateemisesta tutkimuksesta, riippumattomasta testauksesta, käyttäjäpalautteesta ja tuomioistuimista — kertoo eri tarinan.

Miten overlayt toimivat (ja miksi se aiheuttaa ongelmia)

Overlayt toimivat sieppaamalla renderöidyn DOM:in sen jälkeen, kun selain on käsitellyt sivun, ja tekemällä siihen JavaScript-pohjaisia muutoksia. Osa käyttää koneoppimista automaattisen korjauksen yrittämiseen: puuttuvan alt-tekstin päättelyyn kuvatiedostojen nimistä, ARIA-nimien arvaamiseen, näppäimistön kohdistusjärjestyksen uudelleenjärjestämisen yrittämiseen.

Tässä lähestymistavassa on perustavanlaatuinen arkkitehtoninen ongelma: se yrittää korjata saavuttamattomuutta esityskerroksessa muuttamatta taustalla olevaa koodia. Alkuperäinen saavuttamaton HTML, CSS ja JavaScript säilyy. Overlay yrittää peittää sen ajonaikaisesti.

Seuraukset ovat ennustettavia:

• Overlayn tekemät korjaukset voivat olla ristiriidassa sen kanssa, miten avustavat teknologiat tulkitsevat alkuperäistä DOM:ia, tuottaen huonompia tuloksia kuin korjaamaton sivu
• Ruudunlukijat ovat vuorovaikutuksessa suoraan DOM:in kanssa — sen päälle asetettu kerros ei välttämättä vaikuta siihen, mitä ruudunlukija todellisuudessa lukee
• Puuttuvasta tabindex-määrityksestä tai rikkinäisestä kohdistuksen hallinnasta johtuvia näppäimistönavigaation ongelmia ei renderöinnin jälkeen sovelletuilla JavaScript-korjauksilla luotettavasti korjata
• Mobiilien avustavat teknologiat (VoiceOver iOS:ssa, TalkBack Androidissa) ohittavat pääosin overlayn muutokset
• Overlay-paneelit itsessään sisältävät usein saavutettavuuspuutteita — modaalidialogeja, jotka lukitsevat näppäimistökohdistuksen, painikkeita ilman saavutettavia nimiä, widgetejä, jotka itse ovat näppäimistöllä saavuttamattomia

Mitä tutkimus osoittaa

Useat riippumattomat tutkimukset ovat testanneet overlayjen väitteitä todellista WCAG-vaatimustenmukaisuutta vasten:

The WebAIM Million (2023) havaitsi, että saavutettavuusoverlay-tuotteita käyttävien verkkosivustojen etusivuilla oli merkittävästi enemmän havaittavia WCAG-puutteita kuin niillä, jotka eivät käyttäneet niitä. Overlayt eivät vähentäneet puutteiden määrää; ne korreloivat korkeamman määrän kanssa — todennäköisesti koska organisaatiot, jotka luottavat overlayihin ensisijaisena vaatimustenmukaisuusstrategianaan, eivät tee taustalla olevaa korjaustyötä.

AccessiBen ja UserWayn auditoinnit, jotka saavutettavuustutkijat ovat tehneet, ovat havainneet, että vaikka overlay on käytössä, sivut epäonnistuvat edelleen merkittävässä osassa WCAG 2.1 AA -tason onnistumiskriteereitä — mukaan lukien puutteet, joita overlay nimenomaan väittää korjaavansa.

Vammaisten osallistujien käyttäjätestaus, jota ovat tehneet muun muassa tutkijat Karl Groves ja Adrian Roselli, osoitti, että monet vammaiset käyttäjät poistavat aktiivisesti käytöstä tai estävät overlay-widgetit, koska toimenpiteet heikentävät heidän kokemustaan sen parantamisen sijaan. Overlayn “ruudunlukijatilaa” pidetään erityisesti häiritsevänä ruudunlukijan käyttäjien keskuudessa, jotka ovat jo määrittäneet avustavan teknologiansa omiin tarpeisiinsa.

Toimialajärjestö, jota overlayt väittävät noudattavansa — W3C — ei ole hyväksynyt overlay-teknologiaa tienä WCAG-vaatimustenmukaisuuteen. W3C:n ohjeistus tekee selväksi, että vaatimustenmukaisuus edellyttää, että taustalla oleva sivu täyttää onnistumiskriteerit, ei sen päälle asetettua kolmannen osapuolen muutoskerrosta.

Mitä tuomioistuimet sanovat

Overlayjen oikeudellinen tilanne on yhä epäedullisempi organisaatioille, jotka luottavat niihin ensisijaisena vaatimustenmukaisuusstrategianaan.

Oikeusjutut overlayjen käyttäjiä vastaan

Overlay-tuotteita käyttävät organisaatiot ovat edelleen kohdanneet ADA Title III -oikeusjuttuja. Overlay ei ole toiminut oikeudellisena suojana.

Merkittäviä tapauksia ovat:

Lainey Feingold ja NFB — National Federation of the Blind on ollut selkeä siitä, että overlay-widgetit eivät muodosta tehokasta saavutettavuutta ja että NFB ei pidä niitä kohtuullisena korvikkeena todelliselle korjaustyölle.

Useat liittovaltion tuomioistuinasiakirjat — kantajat ADA-verkkosivuston saavutettavuustapauksissa ovat onnistuneesti väittäneet, että overlayn olemassaolo ei muodosta vaatimustenmukaisuutta, koska taustalla oleva sivu esittää edelleen esteitä tiettyjen avustavien teknologioiden käyttäjille. Tuomioistuimet ovat olleet samaa mieltä. Useissa sovinnoissa overlay-tuotteita käyttäneet vastaajat on velvoitettu poistamaan overlay ja ryhtymään todelliseen korjaustyöhön.

Robles v. Domino’s Pizza — vaikka ei nimenomaan overlay-tapaus, tämä merkittävä yhdeksännen piirin päätös vahvisti, että ADA koskee verkkosivustoja ja että odotettu tekninen standardi on WCAG. Tuomioistuimet, jotka arvioivat overlayn tehokkuutta, ovat soveltaneet tätä standardia: täyttääkö sivusto todellisuudessa WCAG:n? Overlay on merkityksetön, jos taustalla oleva sivu ei täytä sitä.

Overlay todisteena -ongelma

Joissakin tapauksissa overlayn olemassaoloa on käytetty vastaajia vastaan. Argumentti: hankkimalla ja asentamalla overlayn organisaatio tunnusti, että sivustolla oli saavutettavuusongelmia. Overlayn kyvyttömyys ratkaista näitä ongelmia osoittaa siten jatkuvaa tietoista vaatimustenvastaisuutta — vaikeamman asetelman kuin organisaatiolla, joka ei ollut yksinkertaisesti vielä käsitellyt saavutettavuutta lainkaan.

DOJ:n sovinnot ja suostumuspäätökset

Oikeusministeriön (DOJ) saavutettavuussovinnot vaativat johdonmukaisesti todellista WCAG-vaatimustenmukaisuutta, ei vaatimustenmukaisuustyökalujen asentamista. Mikään DOJ:n julkaisemista sovinnoista tai vapaaehtoisista vaatimustenmukaisuussopimuksista ei ole tunnustanut overlay-tuotteita ADA-velvoitteiden täyttäjiksi.

Mitä overlay-toimittajat väittävät verrattuna siihen, mitä he toimittavat

Overlay-toimittajien esittämät väitteet kannattaa tarkastella yksitellen:

“Välitön WCAG 2.1 -vaatimustenmukaisuus”

WCAG 2.1 -vaatimustenmukaisuus on sivun itsensä ominaisuus, ei sen päälle asetetun kerroksen. Sivu, joka epäonnistuu näppäimistösaavutettavuudessa, joka puuttuu alt-tekstistä tai jolta puuttuu asianmukainen otsikkorakenne, ei muutu WCAG-vaatimustenmukaiseksi widgetin asentamisella. W3C:n vaatimustenmukaisuusmalli edellyttää, että sivu täyttää kunkin onnistumiskriteerin — ei sitä, että työkalu väittää niin.

“Laillisesti vaatimustenmukainen”

Oikeudellinen vaatimustenmukaisuus ADA:n, PSBAR:n, EAA:n tai vastaavien kehysten mukaan riippuu siitä, esittääkö sivusto todellisuudessa esteitä vammaisille käyttäjille. Tuomioistuimet ja viranomaiset arvioivat tämän testaamalla sivustoa siten kuin käyttäjät sen kokevat — usein todellisten avustavan teknologian käyttäjien avulla. Overlay, joka ei luotettavasti poista esteitä, ei anna oikeudellista suojaa.

“Toimii ruudunlukijoiden kanssa”

Ruudunlukijat ovat vuorovaikutuksessa DOM:ista johdetun saavutettavuuspuun kanssa. Overlay, joka soveltaa JavaScript-muutoksia renderöinnin jälkeen, ei välttämättä näy saavutettavuuspuussa, jota ruudunlukija lukee. Tämä ei ole teoreettinen poikkeustapaus — se on yleinen virhetila, joka on dokumentoitu käyttäjätestauksessa.

“Käytössä [suuri luku] verkkosivustolla”

Markkinaosuus ei anna oikeudellista pätevyyttä. WebAIM-tutkimus viittaa siihen, että laajuus on korreloinut huonompien saavutettavuustulosten kanssa, ei parempien.

“Vapauta itsesi WCAG-oikeusjutuista”

Yksikään overlay-toimittaja ei voi laillisesti taata vapautta oikeusjutuista. WCAG-vaatimustenmukaisuus, jota tuomioistuimet todellisuudessa arvioivat, on taustalla olevan sivun vaatimustenmukaisuutta — jotain, jota overlay ei voi luoda.

Miksi organisaatiot ostavat overlayjä siitä huolimatta

Sen ymmärtäminen, miksi overlayt ovat löytäneet markkinan, auttaa selittämään, miksi myyntipuhe on niin tehokas, vaikka tuote ei olisi.

Kustannukset ja nopeus. Aito saavutettavuuden korjausohjelma — auditointi, korjaus, uudelleentestaus, koulutus, seuranta — vie aikaa ja rahaa. Overlay maksaa muutaman sata euroa vuodessa ja asentuu minuuteissa. Organisaatioille, jotka kohtaavat auditointihavaintoja tai oikeudellista painetta lyhyellä aikataululla, ero on räikeä.

Uskottava kiistettävyys. Osa organisaatioista hankkii overlayjä ei siksi, että ne uskoisivat niiden toimivan, vaan luodakseen paperijäljen. “Hankimme saavutettavuusratkaisun” on parempi asema kuin “emme tehneet mitään” — vaikka tuomioistuimet ovat pääosin hylänneet tämän väitteen.

Toimittajien myyntitaktiikat. Overlay-toimittajat investoivat voimakkaasti myyntiin verkkotoimistoille, hankintatiimeille ja vaatimustenmukaisuudesta vastaaville henkilöille, joilla ei välttämättä ole syvää saavutettavuusosaamista. Väitteet “ADA-vaatimustenmukaisuudesta” ja “WCAG-sertifioinnista” esitetään varmasti, ja niiden nopea arviointi on vaikeaa muille kuin asiantuntijoille.

Ongelman väärinymmärtäminen. Digitaalinen saavutettavuus on teknistä, ja monet päättäjät eivät täysin ymmärrä, miksi taustalla olevan koodin korjaaminen on tarpeen. Overlayjen kehystäminen “työkaluna” tai “ratkaisuna” viittaa vastaavuuteen todellisen korjaustyön kanssa.

Mitä tehdä sen sijaan

Jos organisaatiosi käyttää tällä hetkellä overlayta ja pohtii, jatkaako sen käyttöä, kehys on suoraviivainen:

Auditoi sivustosi riippumattomasti. Tilaa saavutettavuusauditointi, joka testaa taustalla olevan sivun — ei overlayn muokkaamaa versiota. Tämä antaa sinulle rehellisen kuvan todellisesta vaatimustenmukaisuudestasi. Monet auditoijat poistavat overlayn käytöstä ennen testausta.

Priorisoi käytetyimmät toiminnot. Suurimman riskin esteet ovat keskeisissä käyttäjäpoluissa: kirjautuminen, kassa, tilinhallinta, hakemuslomakkeet, tärkeä navigaatio. Näitä kantajat testaavat ja viranomaiset tutkivat. Korjaa nämä ensin.

Korjaa taustalla oleva koodi. Työ tehdään HTML:ssä, CSS:ssä, JavaScriptissä ja sisällössä — ei niiden päälle asetetussa kerroksessa. Tämä vaatii kehittäjäaikaa ja mieluiten tiimiisi sisäänrakennettua tai ulkopuolelta hankittua saavutettavuusosaamista.

Rakenna seuranta työnkulkuusi. Automaattiset saavutettavuustarkistukset kehitysputkessasi havaitsevat regressiot ennen kuin ne saavuttavat käyttäjät. CI/CD-saavutettavuusintegraatiomme tekee tästä osan jokaista buildia.

Kouluta tiimisi. Kehittäjät, jotka ymmärtävät WCAG:n, kirjoittavat saavutettavaa koodia. Suunnittelijat, jotka ymmärtävät saavutettavuuden, suunnittelevat saavutettavia käyttöliittymiä. Yhden päivän saavutettavuuskoulutus maksaa itsensä moninkertaisesti takaisin vältettyinä korjauskustannuksina.

Julkaise rehellinen saavutettavuusseloste. Saavutettavuusseloste, joka kuvaa tarkasti tunnetut ongelmasi ja korjaussuunnitelmasi, osoittaa vilpittömyyttä viranomaisille ja käyttäjille. Se antaa käyttäjille myös suoran kanavan ilmoittaa esteistä ennen niiden eskaloitumista.

Overlayn paikka aidossa saavutettavuusohjelmassa

Tämä ei ole väite siitä, että overlay-teknologialla ei olisi lainkaan sijaa missään saavutettavuusohjelmassa. Osa overlay-ominaisuuksista — käyttäjän hallitsemat kontrastiasetukset, fontin koon säädöt, vähennetty liike — voivat olla aidosti hyödyllisiä lisäominaisuuksia saavutettavan taustalla olevan sivuston lisäksi.

Ongelma on overlayn käyttäminen saavutettavuuden sijasta. Tämä korvaaminen ei toimi teknisesti, se ei täytä oikeudellisia standardeja, ja se pettää käyttäjät, joita overlay väittää auttavansa.

Aito saavutettavuus ei ole widget. Se on sivuston koodin, sisällön ja suunnittelun ominaisuus itsessään — sisäänrakennettu, ei päälle liimattu.

Jos organisaatiosi luottaa tällä hetkellä overlayyn vaatimustenmukaisuuden saavuttamiseksi, ilmainen saavutettavuusskannaus näyttää sinulle esteet, jotka sen alla ovat. Saavutettavuuskonsultointitiimimme voi auttaa sinua rakentamaan realistisen korjaussuunnitelman, joka käsittelee taustalla olevat ongelmat sen sijaan, että peittäisi ne.