Miksi emme käytä saavutettavuus-overlayta
Miksi saavutettavuus-overlay ei ole kestävä ratkaisu?
Saavutettavuus-overlay ei ole kestävä ratkaisu, koska se ei korjaa verkkosivuston rakenteellisia ongelmia — se vain peittää ne. Overlay on JavaScript-pohjainen lisäosa, joka lupaa nopean vaatimustenmukaisuuden ilman koodaustyötä. Todellisuudessa overlay-ratkaisut kattavat tutkimusten mukaan vain 20–30 prosenttia WCAG 2.2 -standardin vaatimuksista (Overlay Fact Sheet, 2023). Vastuu saavutettavuudesta jää aina sivuston omistajalle, ei työkalun tarjoajalle.
Overlay-ratkaisuja markkinoidaan usein helppona ja edullisena tienä vaatimustenmukaisuuteen. Todellisuudessa ne siirtävät vastuun pois kehittäjältä antamatta todellista suojaa. Sivuston käyttäjät — erityisesti ruudunlukijoita tai näppäimistöä käyttävät henkilöt — kohtaavat samat esteet kuin ennenkin, vaikka overlay olisi aktivoitu.
Mikä on saavutettavuus-overlay?
Saavutettavuus-overlay on JavaScript-pohjainen widget, joka asennetaan verkkosivuston päälle käyttöliittymäkerrokseksi. Se tarjoaa käyttäjälle mahdollisuuden muuttaa fontteja, kontrasteja tai värejä erillisen painikkeen kautta. Tämä kuulostaa hyödylliseltä, mutta WCAG 2.2 -standardin mukaan todellinen esteettömyys ei synny ulkoisesta lisäosasta. Se syntyy oikeasta HTML-semantiikasta, loogisesta fokusjärjestyksestä, toimivasta näppäimistökäytöstä sekä selkeästä sisältörakenteesta — asioista, joita overlay ei koske.
Tunnetuimpia overlay-tuotteita ovat muun muassa AccessiBe, UserWay ja EqualWeb. Ne kaikki toimivat samalla periaatteella: JavaScript-koodi asennetaan sivustolle ja se yrittää muokata sivun käyttäytymistä lennossa. Esteettömyysasiantuntijat ovat dokumentoineet laajasti, että nämä ratkaisut eivät täytä WCAG 2.2 -standardin vaatimuksia ja voivat jopa vaikeuttaa ruudunlukijoiden käyttöä entisestään.
Miksi overlay ei täytä WCAG 2.2 -saavutettavuusvaatimuksia?
Overlay ei täytä WCAG 2.2 -vaatimuksia, koska standardi edellyttää sisällön toimivan sellaisenaan — ilman käyttäjän aktivoimaa lisätyökalua. Web Content Accessibility Guidelines (WCAG 2.2) on W3C:n ylläpitämä kansainvälinen standardi, joka vaatii, että avustavat teknologiat kuten ruudunlukijat (NVDA, JAWS, VoiceOver) ja näppäimistöt toimivat suoraan sivuston rakenteen varassa. Overlay lisää ylimääräisen kerroksen, jonka käyttäjä joutuu itse aktivoimaan, eikä se korjaa koodin tai sisällön rakenteellisia puutteita. Overlay Fact Sheet -sivustolla tämän on dokumentoinut yli 700 esteettömyysasiantuntijaa ympäri maailmaa.
Käytännössä tämä tarkoittaa, että ruudunlukijan käyttäjä ei hyödy overlaysta mitään — hän kohtaa saman puutteellisen HTML-rakenteen kuin ilman sitä. Monet ruudunlukijoiden käyttäjät ovat raportoineet, että overlay-widgetti itse asiassa häiritsee heidän avustavaa teknologiaansa ja tekee sivuston käytöstä vaikeampaa kuin ilman overlayta.
Mitä ongelmia overlay ei pysty korjaamaan?
Overlay ei pysty korjaamaan WCAG 2.2 AA -standardin edellyttämiä rakenteellisia puutteita. Automaattiset overlayt kattavat ainoastaan visuaalisia asetuksia — fonttikokoa, kontrastia ja värejä — mutta jättävät koodin perusongelmat koskemattomiksi.
Käytännössä overlay ei korjaa seuraavia ongelmia:
- Väärä otsikkohierarkia (h1–h6). Jos sivun otsikkorakenne on sekaisin, ruudunlukija ei pysty navigoimaan sisällössä loogisesti. Overlay ei muuta HTML-rakennetta.
- Puuttuvat lomake-elementit ja virhelogiikka. Lomakkeet, joista puuttuu
label-elementtejä tai selkeät virheilmoitukset, ovat esteettömiä käyttäjiä. Overlay ei lisää puuttuvia elementtejä. - Fokusloukut. Näppäimistökäyttäjä voi jäädä jumiin sivun osaan, josta ei pääse ulos ilman hiirtä. Tämä on kriittinen WCAG 2.2 -virhe, jota overlay ei tunnista eikä korjaa.
- Dynaaminen sisältö. Modaalit, ilmoitukset ja päivittyvät sisältöalueet vaativat oikeat ARIA-attribuutit, jotta ruudunlukijat havaitsevat muutokset. Overlay ei hallitse dynaamista sisältöä.
- Epäselvä navigaatio. Skip-linkit, looginen välilehtijärjestys ja selkeät linkkitekstit ovat navigoitavuuden perusta. Nämä syntyvät koodista, eivät lisäosasta.
- Kuva-alt-tekstit. Kuvien tekstivaihtoehdot on kirjoitettava manuaalisesti oikein — overlay voi yrittää generoida niitä automaattisesti, mutta tulos on usein epätarkka tai harhaanjohtava.
Nämä ovat juuri niitä ongelmia, joihin EU:n saavutettavuusdirektiivi (2019/882) ja WCAG 2.2 AA -standardi kiinnittävät huomiota virallisissa arvioinneissa.
Poistaako overlay oikeudellisen riskin?
Ei. Overlay ei poista oikeudellista riskiä. Yhdysvalloissa digitaalista esteettömyyttä arvioidaan Americans with Disabilities Act (ADA) -lainsäädännön kautta, ja EU:ssa Euroopan saavutettavuusdirektiivin (2019/882) kautta — joka koskee myös suomalaisia verkkopalveluita. Kumpikaan laki ei hyväksy overlayta riittäväksi vaatimustenmukaisuuden osoitukseksi. Vastuu jää aina sivuston omistajalle.
Suomessa EU:n saavutettavuusdirektiivi on toimeenpantu lailla digitaalisten palvelujen tarjoamisesta. Laki koskee julkisen sektorin lisäksi yhä useampia yksityisiä yrityksiä. Vuodesta 2025 alkaen EU:n saavutettavuusasetus (EAA) laajentaa vaatimukset koskemaan myös verkkokauppoja ja muita yksityisiä palveluita. Overlay ei ole riittävä toimenpide näiden velvoitteiden täyttämiseksi — se on ainoastaan visuaalinen kerros oikeudellisesti sitovien teknisten vaatimusten päällä.
Miksi saavutettavuusauditointi on oikea ratkaisu?
Saavutettavuusauditointi on ainoa ratkaisu, joka korjaa ongelmat siellä missä ne syntyvät: koodissa, sisällössä ja rakenteessa. Toisin kuin overlay, auditointi tuottaa pysyviä korjauksia — ei pintakäsittelyä.
Ammattimainen auditointi etenee käytännössä näin:
- Automaattinen esiskanaus tunnistaa ilmeiset WCAG-virheet nopeasti.
- Manuaalinen testaus todellisilla avustavilla teknologioilla (NVDA, JAWS, VoiceOver) paljastaa ongelmat, joita automaattiset työkalut eivät havaitse.
- Näppäimistötestaus varmistaa, että koko sivusto on käytettävissä ilman hiirtä.
- Dokumentoitu raportti listaa jokaisen ongelman vakavuuden mukaan — kriittinen, vakava tai huomionarvoinen.
- Korjaussuositukset annetaan kehittäjäystävällisessä muodossa, jotta korjaukset voidaan toteuttaa tehokkaasti.
Tuloksena on sivusto, joka täyttää WCAG 2.2 AA -standardin vaatimukset ja kestää myös oikeudellisen tarkastelun.
→ Lue lisää saavutettavuusauditoinnista ja hinnoittelusta
Lähteet: Web Content Accessibility Guidelines (WCAG) 2.2, W3C, 2023 · Euroopan saavutettavuusdirektiivi 2019/882, Euroopan komissio · Overlay Fact Sheet, 700+ esteettömyysasiantuntijaa, 2023
