Verkkosivuston saavutettavuuden noudattaminen on useimmissa maissa lakisääteinen vaatimus, ei vain suunnittelunäkökohta. Yhdysvalloissa kehys on Americans with Disabilities Act. Euroopan unionissa European Accessibility Act. Isossa-Britanniassa Equality Act. Kaikkien viittaama tekninen standardi on sama: WCAG 2.1 -taso AA. ADA-vaatimusten mukaisen verkkosivuston rakentaminen tarkoittaa tämän standardin täyttämistä, ja siihen johtavat vaiheet pätevät riippumatta siitä, minkä lainkäyttöalueen alla yrityksesi toimii.
ADA-vaatimusten mukainen verkkosivuston suunnittelu tarkoittaa sivuston rakentamista täyttämään WCAG 2.1 -tason AA, teknisen standardin, johon Americans with Disabilities Act viittaa verkon saavutettavuudessa. WCAG on sama standardi, johon viitataan EU:n European Accessibility Actissa, Ison-Britannian Public Sector Bodies Accessibility Regulations -asetuksessa sekä Kanadan, Australian ja useimpien muiden verkon saavutettavuusvaatimuksia noudattavien maiden saavutettavuuslainsäädännössä. Lainsäädännöllinen kehys vaihtelee maittain. Tekniset vaatimukset ovat yhtenäiset.
Prosessi ei ole yksittäinen kerran tehtävä auditointi. Se on jatkuvaa saavutettavuuden rakentamista, testaamista ja ylläpitoa sivuston kehittyessä. Uudet sivut, uudet ominaisuudet ja suunnittelupäivitykset tuovat kaikki mahdollisuuden uusille saavutettavuusaukoille.
Mitä ADA-vaatimusten noudattaminen tarkoittaa verkkosivustolle?
Vuonna 1990 hyväksytty Americans with Disabilities Act kieltää vammaisiin ihmisiin kohdistuvan syrjinnän julkisessa elämässä. Lain Title III koskee julkisia palvelupaikkoja, joihin tuomioistuimet ja oikeusministeriö ovat johdonmukaisesti tulkinneet kuuluvan myös yleisölle palveluja tarjoavien yritysten ylläpitämät verkkosivustot.
Yhdysvaltojen liittovaltion tuomioistuimissa nostettujen verkon saavutettavuuskanteiden määrä on kasvanut joka vuosi vuodesta 2015 lähtien ja ylittänyt viime vuosina ensimmäistä kertaa 4 000 vuosittaista kannetta. Näissä tapauksissa mainitut yritykset vaihtelevat suurista vähittäiskauppiaista pieniin palveluntarjoajiin. Yrityksen koko ei ole luotettavasti suojannut vastaajia oikeustoimilta.
Standardi, johon tuomioistuimet viittaavat useimmin arvioidessaan verkkosivuston saavutettavuusväitteitä, on WCAG 2.1 -taso AA. Sivustosi rakentaminen täyttämään tämä standardi on suorin tapa vastata oikeudelliseen riskiin. Artikkeli mitä verkkosivuston saavutettavuus on käsittelee täysin, mitä WCAG vaatii, mukaan lukien ohjeita jäsentävät neljä ydinperiaatetta.
Mitkä yritykset joutuvat noudattamaan verkon saavutettavuusstandardeja?
Yhdysvalloissa ADA:n Title III koskee kaikkia yleisölle palveluja tarjoavia yrityksiä, mukaan lukien vähittäiskauppa, majoitus- ja ravintola-ala, terveydenhuolto, rahoituspalvelut, kiinteistöala ja kaikki muut yritykset, joissa yleisö käyttää tavaroita tai palveluja. Vähimmäiskokoa ei ole. Pienyritykset ovat joutuneet saavutettavuuteen liittyviin oikeustoimiin yhtä usein kuin suuret.
Euroopan unionissa European Accessibility Act edellyttää, että digitaalisia tuotteita ja palveluja EU-asiakkaille myyvät yritykset täyttävät saavutettavuusstandardit kesäkuusta 2025 alkaen. Ison-Britannian Equality Act asettaa vastaavat velvoitteet Ison-Britannian asiakkaita palveleville yrityksille. Kanadan Accessible Canada Act ja Australian Disability Discrimination Act luovat vastaavat vaatimukset näillä markkinoilla.
Useimmille yrityksille, joilla on yleisölle avoin verkkosivusto, vähintään yksi näistä kehyksistä pätee. Käytännön seuraus on kussakin tapauksessa sama: rakenna WCAG 2.1 -tason AA mukaan ja dokumentoi vaatimustenmukaisuus.
Mitä ADA-vaatimusten mukainen verkkosivusto edellyttää?
WCAG 2.1 -tason AA täyttäminen tarkoittaa saavutettavuuden huomioimista verkkosivuston useilla alueilla.
Kaikilla merkityksellisillä kuvilla on oltava kuvaava vaihtoehtoinen teksti (alt-teksti). Ruudunlukijaa käyttävän kävijän pitäisi pystyä ymmärtämään, mitä kuva välittää, pelkästä tekstivaihtoehdosta. Koristekuvat, jotka eivät lisää tietoa, pitäisi merkitä niin, että ruudunlukijat ohittavat ne.
Tekstin on täytettävä pienimmät värikontrastisuhteet taustaansa nähden. Leipäteksti vaatii vähintään 4,5:1 kontrastisuhteen. Suuri teksti ja käyttöliittymäkomponentit vaativat vähintään 3:1. Matalakontrastiset värimaailmat ovat yksi yleisimmistä WCAG AA -virheistä ja yksi helpoimmista korjata.
Kaikilla lomakekentillä on oltava näkyvät selitteet. Virheilmoitusten on tunnistettava, missä kentässä on ongelma, ja selitettävä, miten se korjataan. Lomakkeet, jotka käyttävät pelkkää väriä virheiden osoittamiseen, epäonnistuvat käyttäjille, jotka eivät erota värejä.
Kaikkien vuorovaikutteisten elementtien, mukaan lukien navigointivalikot, alasvetovalitsimet ja modaaliset ikkunat, on oltava täysin käytettävissä näppäimistöllä. Kävijän, joka ei voi käyttää hiirtä, on voitava siirtyä sarkaimella jokaiseen vuorovaikutteiseen elementtiin, avata ja sulkea valikkoja ja lähettää lomakkeita pelkällä näppäimistöllä. Artikkeli mitä verkkosivuston navigointi on käsittelee, miten navigointielementit tulee rakentaa toimimaan näppäimistön ja ruudunlukijan käyttäjille.
Videosisällössä on oltava tekstitykset. Esitallennetulla äänellä on oltava transkriptio. Puhetta sisältävä live-video vaatii reaaliaikaiset tekstitykset. Artikkeli mitä web-suunnittelu on käsittelee laajempia suunnittelupäätöksiä, jotka muokkaavat näiden elementtien rakentamista ja esittämistä sivulla.
Miten tarkistat, onko verkkosivustosi ADA-vaatimusten mukainen?
Käytännön vaatimustenmukaisuustarkistus yhdistää automaattisen skannauksen ja manuaalisen testauksen. Automaattiset työkalut skannaavat sivuja yleisimpien WCAG-virheiden varalta, kuten puuttuva alt-teksti, kontrastivirheet ja rakenteelliset ongelmat. Ne ovat nopeita ja ne voi ajaa koko sivustolle, mutta ne havaitsevat vain noin 30-40 prosenttia saavutettavuusongelmista. Loput vaativat ihmisen arviota.
Manuaalisen testauksen pitäisi kattaa näppäimistönavigointi jokaisella sivulla ja käyttäjäpolulla. Siirry sarkaimella koko sivuston läpi käyttäen vain näppäimistöä. Tarkista, että kohdistusosoittimet ovat aina näkyvissä, jotta näet aina, mikä elementti on aktiivinen. Varmista, että alasvetovalikot avautuvat ja sulkeutuvat näppäimistöllä. Varmista, että lomakkeet voi täyttää ja lähettää ilman hiirtä.
Ruudunlukijalla testaaminen paljastaa ongelmia, joita automaattiset työkalut tai näppäimistötestaus eivät tuo esiin. Sivuston pääsivujen läpikäynti ruudunlukijan ollessa päällä näyttää, luetaanko sivu loogisessa järjestyksessä, kuvataanko kuvat hyödyllisesti ja ovatko vuorovaikutteiset elementit nimetty selkeästi.
Muodollista vaatimustenmukaisuusarviointia varten ammattimainen saavutettavuusauditointi kattaa kaikki kolme testausmenetelmää ja tuottaa raportin WCAG 2.1 -tasoa AA vastaan. Tämä on hyödyllistä ennen sivuston julkaisua, merkittävän uudistuksen jälkeen tai kun oikeudellista riskiä on arvioitava muodollisesti.
Mikä on verkkosivuston saavutettavuusseloste?
Saavutettavuusseloste on verkkosivuston sivu, joka ilmoittaa vaatimustenmukaisuustason, jonka sivusto pyrkii täyttämään, tunnistaa tunnetut rajoitukset, selittää, miten vammaiset käyttäjät voivat saada apua, ja tarjoaa tavan ilmoittaa saavutettavuusongelmista.
Saavutettavuusseloste ei takaa oikeudellista suojaa. Sivusto, jolla on saavutettavuusseloste mutta merkittäviä esteitä, on silti saavuttamaton sivusto. Seloste on läpinäkyvyystoimi, joka näyttää vammaisille käyttäjille, mitä odottaa ja miten saada apua. Sitä edellyttää EU:n verkkosaavutettavuusdirektiivi julkisen sektorin verkkosivustoille, ja sitä suositellaan useimmissa saavutettavuuskehyksissä.
Hyödyllinen seloste sisältää WCAG-version ja vaatimustenmukaisuustason, jota sivusto tavoittelee, päivämäärän, jolloin se on viimeksi tarkistettu, yhteydenottotavan esteistä ilmoittaville käyttäjille ja lyhyen kuvauksen tunnetuista ongelmista, joita ei ole vielä ratkaistu.
Miten ADA-vaatimusten noudattaminen liittyy SEO:hon?
Käytännöt, jotka tekevät verkkosivustosta ADA-vaatimusten mukaisen, menevät merkittävästi päällekkäin sen kanssa, mitä hakukoneet käyttävät sivun laadun arviointiin. Alt-teksti, joka kuvaa kuvia mielekkäästi, antaa hakukoneille kontekstia, jota ne eivät saa itse kuvasta. Looginen otsikkorakenne auttaa hakukoneita jäsentämään, miten sivu on organisoitu. Näppäimistöllä navigoitavat sivut, joilla on siisti HTML, ovat yleensä luotettavammin indeksoitavissa.
Teknisen päällekkäisyyden lisäksi saavutettavuusparannukset vähentävät poistumisprosenttia ja lisäävät sivulla vietettyä aikaa kävijöillä, joita ne palvelevat. Nämä käyttäytymissignaalit vaikuttavat siihen, miten hakukoneet arvioivat, tuottaako sivu arvoa. Artikkeli mitä SEO on käsittelee, miten käyttökokemussignaalit liittyvät hakusijoituksiin ajan myötä.
Miten WEMASY hoitaa saavutettavuusvaatimusten täyttämisen
WEMASYn sivustonrakentaja tuottaa validia, semanttista HTML:ää, jota ruudunlukijat ja automaattiset saavutettavuustyökalut osaavat jäsentää oikein. Mallipohjat on testattu WCAG AA -värikontrastistandardeja vastaan. Alt-tekstikentät on rakennettu kuvien latauspalveluun, joten jokaiselle kuvalle voi lisätä kuvauksen ilman koodin muokkausta. Näppäimistönavigointi toimii oletuksena kaikissa sivustorakentimen tuottamissa vuorovaikutteisissa elementeissä.
Katso, mitä kuuluu mukaan, osoitteesta WEMASYn sivustonrakentaja tai tutustu vaihtoehtoihin hintasivulla.
Usein kysytyt kysymykset
Voiko pienyritystä haastaa oikeuteen saavuttamattomasta verkkosivustosta?
Kyllä. ADA:n verkkosaavutettavuuskanteissa on mainittu kaikenkokoisia yrityksiä yhden hengen palveluista suuriin vähittäiskauppiaisiin. Ei ole liikevaihto- tai työntekijämäärärajaa, joka vapauttaisi yrityksen ADA:n Title III:sta. Pienyritykset ovat kuuluneet saavutettavuustapausten yleisimpiin vastaajiin juuri siksi, että niillä on vähemmän todennäköisesti tehty saavutettavuusarviointeja. Sovinnon tai korjaustoimien kustannus kanteen jälkeen on tyypillisesti paljon korkeampi kuin saavutettavuuden ennakoiva huomioiminen. WEMASYn sivustorakentimellavoit toteuttaa tämän suoraan omalla sivustollasi.
Onko verkkosivustoille virallista ADA-sertifikaattia?
Ei. Verkkosivustoille ei ole viranomaisen myöntämää ADA-sertifikaattia. Vaatimustenmukaisuus arvioidaan sen mukaan, kuinka hyvin sivusto täyttää WCAG 2.1 -tason AA, ei sertifikaatilla. Kolmannen osapuolen saavutettavuusauditoijat voivat antaa vaatimustenmukaisuusraportteja, jotka dokumentoivat, että sivusto on testattu WCAG-kriteereitä vastaan, mutta nämä ovat ammatillisia arvioita eivätkä virallisia sertifikaatteja. Mikään peittotyökalu tai merkki ei korvaa todellista WCAG-standardin mukaista auditointia.
Kuinka usein ADA-vaatimusten mukainen verkkosivusto täytyy tarkistaa?
Aina kun sivusto muuttuu merkittävästi. Uusien sivujen lisääminen, mallipohjien päivittäminen, uusien ominaisuuksien asentaminen tai uuden sisällön julkaiseminen voi tuoda saavutettavuusaukkoja, joita edellisessä versiossa ei ollut. Sivusto, joka läpäisi saavutettavuustarkistuksen kuusi kuukautta sitten, ei välttämättä läpäise sitä enää, jos suunnittelua on sen jälkeen päivitetty. Säännölliset automaattiset skannaukset havaitsevat taantumat nopeasti, ja täydellinen manuaalinen auditointi pitäisi tehdä jokaisen suuren uudistuksen tai alustamuutoksen jälkeen.
Mikä Section 508 on ja miten se eroaa ADA-vaatimuksista?
Rehabilitation Actin Section 508 edellyttää, että liittovaltion virastot ja liittovaltion rahoitusta saavat organisaatiot tekevät sähköisestä ja tietoteknisestä aineistostaan saavutettavaa vammaisille ihmisille. Se viittaa WCAG 2.0 -tasoon AA teknisenä standardina. Useimmille yksityisen sektorin yrityksille ADA ja sen WCAG 2.1 -tason AA vertailukohta on olennainen kehys. Liittovaltion sopimuksia tai avustuksia käsitteleville organisaatioille Section 508 -vaatimukset pätevät ADA-vaatimusten rinnalla tai sen sijaan työn luonteesta riippuen.
Tekevätkö saavutettavuuden peittotyökalut verkkosivustosta ADA-vaatimusten mukaisen?
Eivät. Saavutettavuuden peittotyökalut (overlay) ovat skriptejä, jotka yrittävät korjata saavutettavuusongelmia automaattisesti sivun latautumisen jälkeen. Saavutettavuusasiantuntijat ja etujärjestöt kritisoivat niitä laajasti, koska ne eivät luotettavasti ratkaise taustalla olevia rakenteellisia ongelmia, jotka tekevät sivustosta saavuttamattoman. Tuomioistuimet eivät ole hyväksyneet peittotyökaluja puolustukseksi saavutettavuustapauksissa. Todellinen vaatimustenmukaisuus edellyttää saavutettavuuden korjaamista itse sivustossa, ei sen paikkaamista jälkikäteen kolmannen osapuolen skriptillä.