Saavutettavuus ei ole valinnaista. Se on hyvää käyttäjäkokemusta.

Lyhyesti: verkkosaavutettavuus tarkoittaa digitaalisten tuotteiden suunnittelua niin, että ne toimivat kaikille riippumatta kyvyistä tai kontekstista. Se ei ole vaatimustenmukaisuuden rutiinicheck tai kapea erityisalue. Oikein toteutettuna se tekee tuotteista parempia jokaiselle käyttäjälle.

Yrität tilata ruokaa verkossa, mutta teksti on liian pientä luettavaksi. Painikkeet eivät reagoi napauksiin. Värit ovat niin haaleita, että et erota, mikä on klikattavissa. Kuvittele näiden ongelmien kohtaaminen joka päivä useimmilla sivustoilla. Se on todellisuus noin 1,3 miljardille ihmiselle maailmanlaajuisesti, joilla on jonkinlainen vammaisuus, ja se johtuu täysin suunnitteluvalinnoista, joita voitaisiin tehdä toisin.

Kun puhumme saavutettavuudesta UX-suunnittelussa, emme puhu pelkästään vammaisten auttamisesta. Puhumme parempien kokemusten luomisesta kaikille. Reunakivi, jota käytät matkatavaroiden vetämiseen? Se suunniteltiin pyörätuoleja varten. Tekstitykset, jotka laitat päälle katsoessasi videoita meluisassa kahvilassa? Ne tehtiin kuuroja ja kuulovammaisia varten. Yhdelle ryhmalle suunniteltu saavutettavuus palvelee kaikkia.

Saavutettavuus ja UX ovat sama asia

Hyvä saavutettavuuskäytäntö ja hyvä UX-käytäntö eivät ole kaksi erillistä tieteenalaa. Ne ovat sama tieteenala johdonmukaisesti sovellettuna. Kun alat kiinnittää huomiota siihen, miten ihmiset todella käyttävät tuotteitasi, päällekkäisyys käy mahdottomaksi sivuuttaa.

Jollakulla saattaa olla täydellinen näkö, mutta hän käyttää puhelintaan kirkkaassa auringonvalossa, jossa heikkokontrastinen teksti käy mahdottomaksi lukea. Toinen saattaa kyeta käyttämään hiiretä normaalisti, mutta hänellä on murtanut kätensä ja hän tarvitsee navigoida pelkällä näppäimistöllä kuuden viikon ajan. Vanhempi saattaa pitää vauvaa syössään ja yrittää täyttää kassalomaketta yhdellä kädellä. Nämä eivät ole reunatapauksia. Ne ovat arkisia tilanteita, jotka koskettavat tavallisia käyttäjiä jatkuvasti.

Tämän vuoksi kohtelemme saavutettavuutta olennaisena osana UI/UX-suunnitteluprosessiamme eikä erillisenauditointina lopussa. Suunnittelun aikana tekemäsi päätökset, kontrastisuhteet, napausalueiden koot, lomakekenttien merkintöjen sijoittelu ja näppäimistön kohdistusjärjestys, joko sisällyttävät tai sulkevat käyttäjiä pois. Neutraalia kantaa ei ole. Jokainen valinta on saavutettavuuspäätös.

Saavutettavuuden huomiotta jättämisen todelliset kustannukset

Saavuttamattomalla suunnittelulla on suora, mitattavissa oleva hinta: menetetyt käyttäjät, menetetty liikevaihto ja kasvava juridinen vastuu.

Saavutettavat verkkosivustot parantavat konversioprosentteja 35% ja yritykset, joilla on saavutettavat sivustot, näkevät 15% lisäyksen asiakastyytyväisyydessä kokonaisuudessaan. Käsittelimme tätä yhteystä suoraan artikkelissamme miksi yksinkertaistaminen tekee parempaa käyttäjäkokemusta.

Mitä WCAG todella tarkoittaa käytännössä

WCAG (Web Content Accessibility Guidelines) on kansainvälinen verkkosaavutettavuuden standardi. Se on järjestetty neljän ydinkohdan ympärille: Havaittavissa, Hallittavissa, Ymmärrettävä ja Vankka. WCAG 2.1 taso AA on tavoite, johon useimmat organisaatiot pyrkivät. Webflow-kehitys- ja WordPress-kehitysprojekteissamme rakennumme näitä standardeja kohti alusta alkaen.

Saavutettavuus suunnitteluprosessin osana

Prosessiin rakennettu saavutettavuus maksaa murto-osan siitä, mikä jälkikäteen lisätty saavutettavuus maksaa. Tutkimusvaiheessa sisällytä vammaisia käyttäjiä testaukseen. Visuaalisen suunnittelun aikana testaa jokainen väriyhdistelmä WCAG-kontrastivaatimuksia vastaan. Kehitysvaiheessa käytä semanttista HTML:aa oikein.

Saavutettavuus suunnittelumahdollisuutena

Innovatiivisimmat UX-ratkaisut syntyvat usein saavutettavuuden rajoitteista. Ääniohjatut käyttöliittymät syntyivät pääasiassa saavutettavuustutkimuksesta käyttäjille, jotka eivät voineet käyttää näppäimistöä. Tekstitykset suunniteltiin kuuroille käyttäjille ja niitä käyttää nyt miljoonia kuulevia katsojia julkisissa tiloissa.

Yhteys saavutettavuuden ja visuaalisen uskottavuuden välillä on suora. Monet suunnitteluvirheet, jotka heikentävät käyttäjän luottamusta, heikko kontrasti, epäjohdonmukainen asettelu, pienet klikkauskelvottomat napausalueet, ovat samoja asioita, jotka tekevät sivustosta saavuttamattoman. Artikkelimme yleisistä visuaalisista virheistä, jotka tuhoavat luottamuksen käsittelee juuri näitä päällekkäisyyksiä.

Saavutettavuus vaatii tiimin asennetta

Saavutettavuus ei voi kuulua yhdelle henkilölle tai projektin yhdelle vaiheelle. Suunnittelijoiden täytyy ymmärtää WCAG-ohjeita riittävän hyvin. Kehittäjien täytyy toteuttaa asianmukainen semanttinen merkintä. Sisällöntuottajien täytyy kirjoittaa selkeällä ja yksinkertaisella kielellä.

Usein kysytyt kysymykset

Mitä on verkkosaavutettavuus?

Verkkosaavutettavuus tarkoittaa verkkosivustojen ja digitaalisten tuotteiden suunnittelua ja rakentamista niin, että vammaiset ihmiset voivat käyttää niitä tehokkaasti. Tähän sisältyvät henkilöt, joilla on näkö-, kuulo-, motorisia, kognitiivisia ja neurologisia vammoja, sekä tilannesidonnaisia rajoituksia.

Mitä WCAG tarkoittaa ja mihin tasoon pitäisi pyrkia?

WCAG tarkoittaa Web Content Accessibility Guidelines eli verkkosisällön saavutettavuusohjeita, W3C:n kansainvälistä standardia. Useimpien yritysten pitäisi tavoitella WCAG 2.1 taso AA:ta.

Onko verkkosaavutettavuus lain vaatimaa?

Monissa lainkäyttöalueilla kyllä. EU:n eurooppalainen saavutettavuuslaki ja vastaavat lainsäädännöt muissa maissa vaativat yhä enemmän digitaalisia tuotteita täyttämään saavutettavuusstandardit.

Tekeekö saavutettavuus haittaa suunnittelulle?

Ei. Oikein toteutettuna saavutettavuus parantaa suunnittelua. Korkeat kontrastisuhteet parantavat luettavuutta kaikille. Saavutettavuuden rajoite ohjaa kohti puhtaampia ja tarkoituksenmukaisempia ratkaisuja.

Wauu! Creativella emme käsittele saavutettavuutta lisäpalveluna. Se on integroitu kaikkeen, mitä teemme. Jos olet valmis tekemaan saavutettavuudesta todellisen osan rakentamistapaasi, jutellaan.