Saavutettavat verkkosivut on viiden blogitekstin sarja, jossa käsittelemme saavutettavien sivujen vaatimuksia, suunnittelua ja toteuttamista. Lue kaikki blogitekstit täältä!
Kotisivujen saavutettavuus graafisen suunnittelun näkökulmasta
Suurin osa saavutettavien kotisivujen suunnittelusta liittyy sivujen tekniseen puoleen, kun esimerkiksi varmistetaan, että koodista löytyy tarvittavat määritykset eri elementeille muiden saavutettavuutta edistävien toimintojen lisäksi. Teknisen toteutuksen lisäksi myös saavutettavan sivuston ulkoasuun suunnittelussa on omat puolensa, jotka tulee ottaa huomioon.
Kuinka sivuston ulkoasulla voidaan edistää saavutettavuutta?
Saavutettavan ulkoasun suunnittelussa sivujen käytettävyys on isossa roolissa. Ulkoasu voi vaikuttaa käytettävyyteen esimerkiksi värien käyttöön, tekstin luettavuuteen tai sisällön sijoitteluun ja visuaalisen esitystapaan liittyvien valintojen kautta.
Kotisivujen ulkoasu pitää suunnitella selkeäksi, johdonmukaiseksi ja helposti ymmärrettäväksi, jotta mahdollisimman moni pystyy käyttämään sivustoa ilman suurempia ponnisteluja. Nettisivut suunnitellaan usein muutenkin näiden periaatteiden pohjalta, mutta saavutettavuuden ollessa prioriteettina siihen kiinnitetään erityistä huomiota. Saavutettavuuteen vaikuttavia asioita tulee huomioida esimerkiksi sen sijaan, että keskityttäisiin enemmän vaikuttavaan visuaalisuuteen tai konversioiden syntymiseen.
Kun ulkoasu suunnitellaan saavutettavaksi, kiinnitetään huomiota muun muassa väreihin, tekstin ja kuvien asetteluihin sekä siihen, että suunnittelu tukee verkkosisällön saavutettavuusohjeita. Tähän kuuluu esimerkiksi tekstin ja taustavärin riittävä kontrasti, jotta teksti pysyy luettavana myös näkykyvyn ollessa heikentynyt.
Seuraavaksi käymme läpi, millä tavoin eri rajoitteet voidaan huomioida ulkoasun suunnittelussa.
Näköön liittyvien rajoitteiden huomiointi
Koska kotisivujen ulkoasusuunnittelu nojaa paljon sivujen ulkonäköön ja visuaalisuuteen, on rajoittuneen näkökyvyn huomioiminen saavutettavan ulkoasusuunnittelun tärkein osa.
Ulkoasusuunnittelulla ei voida ottaa huomioon sokeita ihmisiä, mutta sillä voidaan helpottaa sivun käyttöä heikkonäköisten ja värisokeiden osalta. Heikentyneen näkökyvyn huomioiminen ulkoasusuunnittelussa helpottaa sivujen käyttämistä myös tilanteissa, joissa sivut näkyvät huonosti päätelaitteen ongelmien tai kirkkaan ympäristön takia.
Näkökyvyn rajoitteet voidaan huomioida ulkoasun suunnittelussa seuraavasti:
- Tekstin kirjaisinkoko on tarpeeksi iso.
- Tekstin ja käyttöliittymäkomponenttien väreissä on käytetty suurta kontrastia.
- Jos sivuilla on suoritettavia toimintoja, kuten lomakkeen lähettäminen, sijoitetaan toiminnon välittömään läheisyyteen siihen liittyvät ohjeet, jotta ne on helppo löytää.
- Käytetään värin, muodon ja tekstin yhdistelmää, kun halutaan visuaalisesti välittää tietoa tai esittää jokin toiminto sen sijaan, että käytettäisiin vain väriä (esim. listaus, jossa punainen väri tarkoittaa, ettei tuotetta ole saatavilla ja vihreä väri merkkaa saatavilla olevaa tuotetta, eikä saatavuuden tilasta ole muuta vihjettä).
Tiedonkäsittelyyn liittyvien rajoitteiden huomiointi
Saavutettavan sivuston tulee olla selkeä ja johdonmukaisesti suunniteltu, jotta käyttäjillä olisi mahdollisimman vähän ongelmia ymmärtää selaamansa ja löytää haluamansa. Esimerkiksi lukivaikeudet voidaan huomioida käyttämällä vasemmalle tasattua tekstiä sekä lisäämällä tekstin sekaan kuvia ja havainnollistavia kaavioita, jotka tukevat informaation välittämistä visuaalisessa muodossa.
Myös keskeisen informaation tiivistäminen ytimekkääksi luetteloksi auttaa kaikkia käyttäjiä hahmottamaan sivuston sisällön paremmin. Graafista suunnittelua voidaan käyttää siis myös listojen tai kaavioiden esittämiseen visuaalisesti selkeässä muodossa.
Motoriikkaan liittyvien rajoitteiden huomiointi
Jos sivuilla vierailija haluaa käyttää hiirtä nettisivujen selaamiseen, mutta ei pysty käyttämään sitä korkealla tarkkuudella, voidaan tämä huomioida tekemällä klikattavista kohteista sivuilla tarpeeksi isoja. Käytännössä myös sivun asettelusta voidaan tehdä tarpeeksi väljä, jotta sisältö ja linkit eivät ole liian lähellä toisiaan.
Ulkoasun suunnittelu on siis tärkeä osa saavutettavien sivujen toteutusta. Medialuotsin graafikot suunnittelevat käytettävyydeltään toimivia ja saavutettavuuskriteerit täyttäviä sivuja, jotka ovat samalla myös visuaalisesti tyylikkäitä.
Mikäli saavutettavien sivujen teko on yrityksessänne tai yhdistyksessänne ajankohtainen, ota yhteyttä ja pyydä tarjousta!
LUE MYÖS:
Saavutettavat verkkosivut, osa 1: Miksi saavutettavuus on tärkeää?
Saavutettavat verkkosivut, osa 2: Saavutettavien verkkosivujen suunnittelu ja toteutus
Saavutettavat verkkosivut, osa 3: Mitä asiakkaan tulee ottaa huomioon saavutettavaa sivustoa suunniteltaessa?
Saavutettavat verkkosivut, osa 5: Hyvä yleiskieli ja selkokieli – copywriterin terveiset