Yli 96 prosentilla suosituimmista verkkosivustoista on etusivullaan havaittavia saavutettavuusvirheitä. Luku tulee vuosittaisesta saavutettavuustutkimuksesta, joka testaa miljoonia sivuja joka vuosi. Saavutettava verkkosuunnittelu ei ole oletus. Se pitää rakentaa tarkoituksella, eikä useimmilla yrityssivustoilla sitä ole tehty.
Saavutettava verkkosuunnittelu tarkoittaa verkkosivuston rakentamista ja jäsentämistä niin, että vammaiset ihmiset voivat havaita sen, liikkua siinä ja käyttää sitä tehokkaasti. Tähän kuuluvat näkövammaiset, jotka käyttävät ruudunlukijoita, liikuntavammaiset, jotka liikkuvat sivustolla näppäimistöllä hiiren sijaan, kuulovammaiset, jotka tarvitsevat tekstityksiä ääni- ja videosisältöön, sekä kognitiivisista vammoista kärsivät, joille selkeät ja johdonmukaiset asettelut ovat hyödyksi.
Saavutettavuus ei ole ominaisuus, joka lisätään rakentamisen lopussa. Se on joukko suunnittelu- ja kehityspäätöksiä, jotka tehdään koko ajan ja jotka ratkaisevat, voivatko kaikki kävijät, eivät vain ne, joilla ei ole vammaa, käyttää sivustoa.
Ketä saavutettava verkkosuunnittelu palvelee?
Maailman terveysjärjestön arvion mukaan yli 1,3 miljardia ihmistä elää jonkinlaisen vamman kanssa. Se on noin 16 prosenttia maailman väestöstä. Saavutettavuuden huomioiminen tarkoittaa suunnittelua merkittävälle osalle potentiaalista yleisöäsi.
Hyödyt ulottuvat pysyvästi vammaisia käyttäjiä pidemmälle. Kirkkaassa auringonvalossa puhelinta käyttävän näkyvyys on heikentynyt. Joku, jolla on tilapäinen vamma, voi liikkua näppäimistöllä. Meluisassa ympäristössä videota katsova käyttäjä tarvitsee tekstityksen pysyäkseen mukana. Saavutettavuusparannukset palvelevat tilapäisiä ja tilannekohtaisia rajoitteita yhtä paljon kuin pysyviä. Saavutettavaksi rakennettu verkkosivusto toimii paremmin paljon laajemmalle joukolle ihmisiä.
Mukana on myös lainsäädännöllinen ulottuvuus. Monissa maissa, myös Yhdysvalloissa, yritysten on laki velvoittanut tarjoamaan palvelunsa yhdenvertaisesti. Verkkosivustot ovat olleet saavutettavuuskanteiden kohteena, ja verkon saavutettavuuteen liittyvien oikeustoimien määrä on kasvanut tasaisesti joka vuosi. Artikkeli miten teet verkkosivustostasi ADA-vaatimusten mukaisen käsittelee, mitä lainsäädännön vaatimukset tarkoittavat käytännössä yrityssivustoille.
Mitä ovat WCAG-saavutettavuusstandardit?
Web Content Accessibility Guidelines eli WCAG ovat kansainvälisesti tunnustetut verkon saavutettavuusstandardit. World Wide Web Consortiumin julkaisemat WCAG-ohjeet määrittelevät kolme vaatimustasoa. Taso A on vähimmäistaso. Taso AA on useimmissa lainsäädännöllisissä kehyksissä viitattu standardi ja yrityssivustojen käytännön tavoite. Taso AAA on kattavin, ja sitä vaaditaan harvoin koko sivustolle.
WCAG on jäsennelty neljän perusperiaatteen ympärille, joista käytetään lyhennettä POUR (Perceivable, Operable, Understandable, Robust).
Havaittava (Perceivable)
Kaikki sisältö pitää esittää tavoilla, jotka käyttäjät voivat havaita. Kuvien tekstivastineet antavat ruudunlukijoiden kuvata visuaalista sisältöä käyttäjille, jotka eivät näe sitä. Tekstitykset ja tekstiversiot tekevät ääni- ja videosisällöstä saavutettavaa kuulovammaisille. Riittävä värikontrasti varmistaa, että teksti on luettavissa heikkonäköisille ja värisokeille.
Hallittava (Operable)
Kaikkea toimintaa pitää voida hallita näppäimistöllä, ei pelkästään hiirellä tai kosketusnäytöllä. Navigoinnin pitää olla ennustettavaa. Käyttäjillä pitää olla riittävästi aikaa lukea sisältöä ja olla vuorovaikutuksessa sen kanssa ilman aikapainetta. Välkkyvää sisältöä, joka voisi laukaista kohtauksia, pitää välttää tai hallita.
Ymmärrettävä (Understandable)
Sisällön ja navigoinnin pitää olla luettavaa ja ymmärrettävää. Sivun kieli pitää ilmoittaa, jotta ruudunlukijat soveltavat oikeita ääntämissääntöjä. Lomakkeiden virheilmoitusten pitää selittää, mikä meni pieleen ja miten sen voi korjata. Navigoinnin pitää toimia johdonmukaisesti sivuilta toiselle, jotta käyttäjät osaavat ennustaa, missä ohjaimet ovat.
Vankka (Robust)
Sisällön pitää toimia luotettavasti nykyisten ja tulevien apuvälineiden kanssa. Tämä tarkoittaa kelvollisen, semanttisen HTML:n käyttöä, jotta ruudunlukijat ja muut työkalut tulkitsevat sivun rakenteen oikein. Painikkeet pitää koodata painikkeiksi. Otsikoiden pitää noudattaa loogista hierarkiaa sen sijaan, että ne valittaisiin pelkän visuaalisen koon mukaan. Artikkeli mikä visuaalinen hierarkia on selittää, miten otsikkorakenne ja visuaalinen painoarvo toimivat yhdessä sivulla.
Mitkä ovat yleisimmät verkkosivuston saavutettavuusongelmat?
Saavutettavuusanalyysi tunnistaa kuusi virhetyyppiä, joita esiintyy valtaosalla testatuista sivuista. Kuvien puuttuva vaihtoehtoinen teksti on yleisin. Tekstin ja taustan matala värikontrasti on toiseksi yleisin. Puuttuvat lomakekenttien nimiöt, tyhjät linkit, puuttuvat sivun kielimerkinnät ja tyhjät painikkeet muodostavat lopun.
Yrityssivustoille käytännön lähtökohtia ovat tekstivastineet kaikille merkityksellisille kuville, riittävä kontrasti kaikissa tekstielementeissä, selkeät nimiöt jokaiselle lomakekentälle ja looginen otsikkorakenne jokaisella sivulla.
Navigoinnin saavutettavuus on toinen yleinen puute. Alasvetovalikot, jotka aktivoituvat vain hiiren osoittaessa, eivät toimi näppäimistön käyttäjille. Linkit, joissa lukee napsauta tästä tai lue lisää ilman ympäröivää asiayhteyttä, eivät toimi ruudunlukijan käyttäjille, jotka selaavat linkkilistaa. Artikkeli mikä verkkosivuston navigointi on käsittelee, miten rakennetaan navigointi, joka toimii kaikilla syöttötavoilla ja laitteilla.
Miten testaat verkkosivustosi saavutettavuuden?
Automaattiset työkalut tunnistavat nopeasti ison osan saavutettavuusvirheistä. Selainlaajennukset, jotka analysoivat sivuja WCAG-kriteereitä vasten, nostavat esiin kontrastiongelmat, puuttuvat alt-tekstit ja rakenteelliset ongelmat ilman teknistä käyttöönottoa. Automaattinen skannaus on järkevä ensimmäinen askel, ja se löytää yleisimmät ongelmat useimmilta sivuilta.
Automaattisella testauksella on rajansa. Se ei pysty luotettavasti arvioimaan, onko alt-teksti kuvaava, onko lukujärjestys looginen, kun CSS poistetaan, tai toimivatko interaktiiviset elementit oikein ruudunlukijalla. Perusteellinen auditointi vaatii manuaalista testausta. Sivuston keskeisten sivujen läpikäynti pelkällä näppäimistöllä koskematta hiireen on nopea tarkistus, joka paljastaa hallittavuusongelmat heti.
Kattavassa auditoinnissa testaus oikealla apuvälineellä on luotettavin tapa. Ruudunlukijat ovat saatavilla kaikissa suurimmissa käyttöjärjestelmissä maksutta, ja sivuston tärkeiden sivujen läpikäynti ruudunlukijan kanssa paljastaa ongelmia, jotka automaattiset työkalut jättävät kokonaan huomaamatta.
Miten saavutettavuus vaikuttaa SEO:hon?
Monet saavutettavuuskäytännöt tukevat suoraan SEO:ta. Kuvien alt-teksti antaa kontekstia hakukoneille, jotka eivät pysty tulkitsemaan visuaalista sisältöä. Looginen otsikkorakenne auttaa hakukoneita ymmärtämään, miten sivu on järjestetty. Kuvaava linkkiteksti antaa hakukoneille merkityksellisen ankkuritekstin yleisten fraasien sijaan. Sivut, joilla voi liikkua näppäimistöllä ja jotka ovat rakenteeltaan siistejä, pärjäävät yleensä paremmin käyttökokemussignaaleissa kokonaisuutena.
Päällekkäisyys ei ole sattumaa. Sekä saavutettavuus että SEO tähtäävät pohjimmiltaan siihen, että sisältö on saatavilla ja ymmärrettävissä laajemmalle joukolle käyttäjiä ja järjestelmiä. Toisen parantaminen hyödyttää usein toista. Artikkeli mikä SEO on selittää, miten hakukoneet arvioivat sivun laatua ja missä saavutettavuuskäytännöt kohtaavat sijoitussignaalit.
Miten WEMASY hoitaa saavutettavuuden
WEMASYn sivustonrakentaja tuottaa semanttista HTML:ää ja järjestää otsikkorakenteet loogiseen järjestykseen. Kaikille kuville on alt-tekstikentät, joten kuvaukset voi lisätä muokkaamatta koodia. Pohjat on rakennettu WCAG AA -värikontrastistandardien mukaan, joten oletusulkoasu läpäisee ne ilman manuaalisia säätöjä. Näppäimistönavigoinnin ja mobiilin kosketuskohteet hoitaa alusta, eikä niitä tarvitse määrittää erikseen.
Katso, mitä mukana on, sivulta WEMASYn sivustonrakentaja tai tutustu paketteihin hinnastosivulla.
Usein kysytyt kysymykset
Onko verkkosivuston saavutettavuus lakisääteinen vaatimus?
Yhdysvalloissa Americans with Disabilities Act velvoittaa yrityksiä tarjoamaan palvelunsa yhdenvertaisesti, ja tuomioistuimet ja oikeusministeriö ovat vahvistaneet, että tämä ulottuu verkkosivustoihin. Euroopan unionin verkkosaavutettavuusdirektiivi ja eurooppalainen saavutettavuusdirektiivi asettavat samankaltaisia vaatimuksia. Lainsäädäntö vaihtelee maittain ja yritystyypeittäin, mutta jokaiselle yritykselle, joka palvelee suurta yleisöä, saavutettavuuden pitäminen valinnaisena sisältää oikeudellisen riskin. WEMASYn sivustorakentimella voit tehdä tämän suoraan omalle sivustollesi.
Mikä ero on WCAG A-, AA- ja AAA-tasoilla?
WCAG:ssa on kolme vaatimustasoa. Taso A kattaa vähimmäisvaatimukset, jotka kaiken verkkosisällön pitäisi täyttää. Taso AA lisää tarkempia kriteerejä värikontrastista, näppäimistön saavutettavuudesta ja lomakkeiden virheiden käsittelystä. Se on useimmissa lainsäädännöllisissä kehyksissä viitattu taso ja yrityssivustojen käytännön tavoite. Taso AAA on kattavin, eikä sitä yleensä vaadita yleisenä standardina, koska joitakin kriteerejä ei voi täyttää kaikentyyppisessä sisällössä.
Hidastaako verkkosivuston saavutettavuuden parantaminen sitä?
Ei. Alt-tekstien lisääminen, otsikkorakenteen parantaminen ja värikontrastin kasvattaminen eivät vaikuta sivun latausaikaan. Jotkin saavutettavuuslisäykset, kuten videosisällön tekstiversiot, tuovat mukanaan lisätiedostoja, mutta useimpiin yrityssivustoihin sopivat keskeiset saavutettavuuskäytännöt ovat rakenteellisia ja tekstuaalisia muutoksia, joista ei koidu suorituskykykustannusta.
Kuinka suuren osan verkkosivustosta pitää olla saavutettava?
Kaiken. Saavutettavuus koskee jokaista sivua, jonka kävijä voi tavoittaa, mukaan lukien tuotesivut, yhteydenottolomakkeet, kassaprosessit ja ladattavat asiakirjat. Etusivu, joka läpäisee saavutettavuustestauksen, kun taas yhteydenottolomake ei läpäise, on silti saavuttamaton kokemus käyttäjille, jotka tarvitsevat sitä. Saavutettavuusauditoinnin pitäisi kattaa koko käyttäjäpolku tehtäviin, jotka kävijä voi suorittaa, ei pelkästään etusivua.
Mikä on saavutettavuusseloste?
Saavutettavuusseloste on sivu, joka kuvaa verkkosivuston nykyistä saavutettavuuden vaatimustenmukaisuuden tasoa, tunnistaa tunnetut rajoitukset ja antaa yhteystiedot käyttäjille, jotka kohtaavat ongelmia. Se on läpinäkyvyyden osoitus eikä oikeudellinen suoja. Monet saavutettavuussäädökset vaativat tai suosittelevat sellaista, ja se viestii vammaisille käyttäjille, että saavutettavuus on otettu huomioon. Seloste on hyödyllisin, kun sitä pidetään ajan tasalla ja se kuvaa sivuston todellista tilaa.