Saavutettavuus ja fontti: Miksi typografialla on merkitystä kaikille
Yksi usein aliarvioitu mutta keskeinen osa saavutettavuutta on fontti. Oikein valittu ja käytetty fontti parantaa ratkaisevasti lukukokemusta ja sivuston käytettävyyttä.
Miten yhdistää saavutettavuus ja fontti?
Saavutettavuus on noussut yhä tärkeämmäksi osaksi verkkopalveluiden suunnittelua. Saavutettavuus perustuu EU:n saavutettavuusdirektiiviin.
Sen tavoitteena on varmistaa, että kaikki ihmiset, myös ne joilla on erilaisia toiminnallisia rajoitteita tai haasteita – voivat käyttää digitaalisia palveluita yhdenvertaisesti.
Saavutettava fontti on kirjasintyyppi, joka on selkeä, helposti luettavissa ja ymmärrettävissä monenlaisille käyttäjille.
Se ottaa huomioon muun muassa seuraavat tekijät:
- Luettavuus: Kirjainten muoto on selkeä ja erotettavissa toisistaan. Esimerkiksi numero 1, pieni L-kirjain ja iso I eivät saa näyttää samanlaisilta.
- Riittävä kontrasti: Fontin väri ja taustan väri eroavat toisistaan tarpeeksi, jotta teksti näkyy hyvin myös heikkonäköisille. Lue kontrastista lisää
- Sopiva koko ja riviväli: Tekstin koon ja rivivälin tulee olla sellaisia, että silmä voi helposti seurata rivejä ilman liiallista rasitusta.
- Riittävä selkeys ja yksinkertaisuus: Liian koristeelliset tai kursivoidut fontit voivat vaikeuttaa lukemista etenkin dysleksiaa sairastaville.
Miksi fontilla on väliä?
Monet suunnittelijat keskittyvät ulkoasuun ja visuaaliseen vaikuttavuuteen, mutta unohtavat, että fontin ensisijainen tehtävä on viestin välittäminen.
Saavutettavuuteen ei ehkä heti yhdistetä typografiaa eikä se ehkä ole niin ”trendikäs”, mutta sen tarkoitus ei olekaan tehdä vaikutusta – sen tehtävä on palvella mahdollisimman monia lukijoita.
Huonosti valittu fontti voi estää osaa käyttäjistä ymmärtämästä tai edes lukemasta sisältöä.
Esimerkiksi sokeiden tai heikkonäköisten käyttäjien ruudunlukijat voivat kompastua epäloogiseen HTML-rakenteeseen tai väärin käytettyihin fonttityyleihin, mikä vaikeuttaa tai estää navigointia kokonaan.
Hyviä saavutettavia fontteja
On olemassa useita fontteja, joita pidetään yleisesti saavutettavina. Näitä ovat esimerkiksi:
- Arial: Yksinkertainen ja yleisesti tuettu sans-serif-fontti.
- Verdana: Kehitetty nimenomaan ruudulta lukemista varten, laaja välistys kirjaimissa.
- Tahoma: Samankaltainen kuin Verdana, mutta hieman tiiviimpi.
- Open Sans: Moderni ja selkeä fontti, jota käytetään usein verkkosivustoilla.
- Roboto: Googlen suunnittelema fontti Android-laitteille, hyvä luettavuus pienilläkin näytöillä.
Erityismaininta ansaitsee myös Atkinson Hyperlegible, joka on suunniteltu nimenomaan näkörajoitteisille. Se on kehitetty yhteistyössä Braille Instituten kanssa, ja sen tarkoituksena on maksimoida kirjainten eroavuus toisistaan.
Fontin saavutettavuus eri käyttäjäryhmille
Dysleksiaa sairastavat hyötyvät fontista, jossa kirjaimet eivät peilaa toisiaan ja joissa on selkeät muotovaihtelut.
Monet suosittelevat esimerkiksi Dyslexie– tai OpenDyslexic-fontteja, mutta ne eivät ole virallisesti standardoituja. Tärkeämpää on yksinkertaisuus ja selkeä rakenne.
Heikkonäköiset käyttäjät tarvitsevat fontteja, jotka toimivat suurennettuina, eivät sumeudu ja säilyttävät erottelukykynsä.
Tähän auttaa myös hyvä kontrasti ja responsiivinen suunnittelu. Ikäihmiset hyötyvät fonttikokojen skaalaamisesta, selkeästä typografiasta ja tarpeettoman kursivoinnin välttämisestä.
Fontti osana saavutettavaa suunnittelua
Fontti ei ole ainoa osa saavutettavaa typografiaa. Myös seuraavat asiat vaikuttavat suuresti saavutettavuuteen:
- Tekstin hierarkia: Käytä otsikoita, leipätekstiä ja linkkejä selkeästi erottuvina.
- Väri ei saa olla ainoa tapa välittää tietoa: Esimerkiksi virheilmoitukset eivät saa olla pelkästään punaisella.
- Responsiivisuus: Fonttien pitää toimia eri päätelaitteilla ja eri kokoisilla näytöillä.
Lainsäädäntö ja saavutettavuusvaatimukset
Euroopan unionin saavutettavuusdirektiivi sekä Suomen oma saavutettavuuslaki (Laki digitaalisten palvelujen tarjoamisesta) velvoittavat julkisia toimijoita tarjoamaan saavutettavia verkkopalveluita.
Tämä tarkoittaa käytännössä, että myös fontin saavutettavuus on otettava huomioon esimerkiksi koulujen, virastojen ja kuntien verkkosivustoilla.
Myös monet yksityiset yritykset hyötyvät saavutettavuuden lisäämisestä ja WCAG-ohjeistuksien (Web Content Accessibility Guidelines) noudattamisesta, vaikka laki ei vielä heitä suoraan velvoittaisi. Hyvä käytettävyys hyödyttää jokaista käyttäjää.
Fontti merkitsee yllättävän paljon
Fontti on paljon enemmän kuin visuaalinen valinta – se lisää viestinnän selkeyttä ja saavutettavuutta.
Kun valitset saavutettavan fontin, edistät yhdenvertaisuutta ja parannat kaikkien käyttäjien käyttökokemusta.
Helposti luettava, selkeä ja esteettömästi esitetty teksti ei rajoita ketään, mutta voi avata ovia monille.
Saavutettavuus ei ole esteettinen kompromissi – se on osa vastuullista ja käyttäjälähtöistä suunnittelua.
Tutustu saavutettavuusoppaaseen ja opi aiheesta lisää!
Saattaisit olla kiinnostunut myös seuraavista artikkeleista:
Aloita tuloksellinen digimarkkinointi
Älä jää jumiin nykytilanteeseen, jos et ole tyytyväinen markkinointisi tuloksiin. Odottamalla menetät vain lisää rahaa. Ota yhteyttä niin kerromme, mistä homma kiikastaa.
Ota yhteyttä – joko aloitetaan?
"*" näyttää pakolliset kentät
Tätä sivustoa suojaa reCAPTCHA, ja Googlen Tietosuojakäytäntö ja Palveluehdot pätevät.