Graafinen ilme

Saavutettavuus (WCAG)

WCAG-ohjeistuksen tarkoituksena on varmistaa, että verkkopalvelut ovat käytettävissä kaikille ihmisille, riippumatta heidän mahdollisista toimintarajoitteistaan. Tämä sisältää myös vammaiset ja eri tavoin toimintarajoitteiset henkilöt. WCAG (Web Content Accessibility Guidelines) on kansainvälinen ohjeistus, joka määrittelee, kuinka digitaalinen sisältö, kuten verkkosivut ja sovellukset, voidaan tehdä saavutettaviksi eri käyttäjille. WCAG-ohjeistossa on määritelty periaatteet, kuten selkeä kontrasti, tekstin luettavuus, saavutettavat navigointiratkaisut ja vaihtoehtoinen sisältö, kuten tekstivastineet kuville.  

Saavutettavuuden huomioiminen ei ole vain eettinen velvoite, vaan myös lakisääteinen vaatimus monilla alueilla, ja se voi parantaa esimerkiksi yrityksen mainetta ja lisätä käyttäjäkokemuksen laatua. Suomessa saavutettavuusasioita valvoo Traficom. WCAG: n vaatimuksista voit lukea Traficomin sivuilta.

Se, mikä näyttää hyvältä, ei välttämättä täytä saavutettavuusvaatimuksia

Graafisessa suunnittelussa saavutettavuus on tärkeää, koska se takaa, että visuaaliset elementit, kuten värit, fontit ja kuvat, ovat helposti ymmärrettävissä ja käytettävissä kaikille, riippumatta heidän taustastaan tai mahdollisista rajoitteistaan. Esimerkiksi väärä värikontrasti valitseminen voi estää värisokeita käyttäjiä havaitsemasta tärkeitä tietoja. Tästä syystä kannattaa varmistaa graafikolta, että saavutettavuuteen littyvät asiat on huomioitu suunnittelussa. Se mikä näyttää hyvältä suunnitelmassa ei aina ole saavutettavuusvaatimusten mukainen.

Saavutettavuusvaatimukset ja hakukoneet

Saavutettavuusasiat vaikuttavat myös kotisivujen optimointiin sillä hakukoneet pisteyttävät verkkosivuja niiden saavutettavuuden perusteella. Esimerkiksi Google Pagespeed pisteyttää saavutettavuuteen liittyviä asioita. Esimerkissä näet Tilaa-napin, jossa tekstin väri vaikuttaa saavutettavuuteen. Valkoinen teksti punaista taustaa vasten ei läpäise WCAG -vaatimukset, sillä kontrastisuhde on riittämätön. Musta teksti punaista taustaa vasten läpäisee WCAG -vaatimukset.

Testaa, läpäiseekö sisältösi WCAG-standardin mukaisen kontrastin

WCAG -standardi on jaettu kolmeen tasoon, A, AA sekä AAA. AA-taso on yleisesti suositeltu minimitaso, joka varmistaa, että sisältö on saavutettavissa useimmille käyttäjille, mukaan lukien heikosti näkevät ja lukihäiriöiset. Se edellyttää esimerkiksi riittävää kontrastia tekstin ja taustan välillä (pieni teksti vähintään 4.5:1 ja suuri teksti 3:1), selkeää navigointia ja esteettömiä lomakkeita. AAA-taso on tiukempi ja vaatii esimerkiksi vielä paremman kontrastisuhteen (7:1 pienelle tekstille), helpommin ymmärrettävää kieltä ja laajempia mukautusmahdollisuuksia. Vaikka AAA-taso ei ole useimmille verkkosivuille pakollinen, sen noudattaminen parantaa sivuston saavutettavuutta erityisesti niille, joilla on vakavampia näkö- tai kognitiivisia haasteita.

Voit alla olevalla työkalulla tarkistaa esimerkiksi kotisivujesi väriyhdistelmien saavutettavuuden. Syötä HEX-koodit kenttiin ja paina Tarkista. Näet alapuolella, miltä yhdistelmä näyttää. Näet myös kontrastisuhteen sekä sen, läpäiseekö kyseinen väriyhdistelmä WCAG-standardin vaatimukset.