Nettisivujen saavutettavuus tarkoittaa sitä, kuinka jouhevaa sivuston käyttö on: esimerkiksi tekstit ovat helposti luettavia ja valikko löytyy aina ennalta arvattavasta paikasta.
Saavutettavat kotisivut: näin pääset alkuun
Tämä on pieni johdanto saavutettavuuteen. Mikäli etsit laajempaa infopakettia, kannattaa googlettaa ”wcag saavutettavuus”.
Saavutettavuudelle on määritetty erilaisia ohjeita ja määräyksiä, kuten EU:n saavutettavuusdirektiivi ja kansainvälinen WCAG-saavutettavuusstandardi. Vaikka nämä koskevat etupäässä julkishallinnon nettisivuja, niin saavutettavuuteen kannattaa silti kiinnittää huomiota. Hyvä saavutettavuus ei nimittäin ole keneltäkään pois, mutta se voi olla yritykselle kilpailuetu!
1. Varmista, että teksteistä saa selvää
Tekstin fonttikoon tulee olla riittävän suurta, jotta sen pystyy lukemaan helposti. Liian pieni fonttikoko voi johtaa siihen, että käyttäjä joutuu zoomailemaan sivunäkymää. Lisäksi rivivälin tulisi olla riittävän iso ja tekstirivit eivät saisi olla liian pitkiä.
Käytettävän fontin tulee olla helposti luettavaa. Erityisen tarkkana kannattaa olla esimerkiksi kauno- ja käsinkirjoitettujen fonttien kohdalla. Tekstin värin sekä taustavärin välinen kontrasti tulee olla sellainen, että teksti erottuu riittävästi taustasta.
Varmista myös, että otsikkohierarkia on oikeanlainen: H1-pääotsikon tulee olla ylinnä, sen alla on H2-alaotsikko, ja sen alla on mahdollinen H3-ala-alaotsikko.
2. Nimeä kuvatiedostot ja kirjoita niille kuvailevat tekstit
Nettisivuille tulevat kuvat tulee nimetä loogisesti. Esimerkiksi image001.jpeg ei kerro mitään, mutta punaiset-korkokengat.jpeg kertoo heti, mistä on kyse. Tekstejä ei tulisi ikinä laittaa kuviksi. Lisäksi kuville tulee määritellä ns. alt-tekstit, joissa kuvaillaan, mitä kuva esittää. Näillä toimenpiteillä on vaikutusta myös hakukoneoptimointiin.
3. Ennalta-arvattavuus on hyve, kun on kyse käyttöliittymästä
Nettisivuilla ennakoitavuus on hyvää designia. Tämä tarkoittaa sitä, että vakioelementit kuten logo, valikko ja yhteystiedot löytyvät tietyistä paikoista – ja sama rakenne toistuu sivulta toiselle. Valikkoa ei tarvitse etsimällä etsiä ja tarjouslomakkeen käyttöön ei tarvita käyttöohjetta. Tylsää, mutta toimivaa.
Painikkeita tulee käyttää vain toimintojen suorittamiseen, esimerkiksi lomakkeen lähettämiseen tai tuotteen lisäämiseen ostoskoriin. Jos haluat siirtyä sivulta toiselle, käytä siihen linkkejä, äläkä painikkeita. Painikkeiden tulee olla myös riittävän isoja, jotta niihin on helppoa osua.
Sivuston tulee olla teknisesti oikein rakennettu, jotta sivustolla voi liikkua tarvittaessa pelkällä näppäimistöllä.
Mikäli käytät nettisivuilla lomakkeita, tee kenttien täyttöohjeista selkeitä. Virheilmoitusten tulee kertoa tarkasti, mikä meni pieleen ja missä kohdassa.
Unohda turhat vilkkuvat efektit, jotka eivät tuo käyttäjälle mitään lisäarvoa. Ja vaikka kuinka näkyvästi haluaisit mainostaa Black Fridayn -50% -tarjoustasi, niin unohda pop up -ikkunat. Ne ovat saavutettavuuden syntilistalla, samoin kuin vanhentunut Flash-tekniikka.
+1: Käytä selkokieltä, vältä tekstiseiniä
Nykyihminen ei jaksa lukea pitkiä tekstiseiniä. Lukihäiriöisille pitkät tekstimassat ovat vielä pahempia. Siispä rytmitä tekstiä. Käytä lyhyitä kappaleita, väliotsikoita ja listoja. Suosi lyhyitä lauseita.
Ja vaikka olisit itse alasi asiantuntija, kannattaa välttää kapulakieltä ja outoja lyhenteitä. Tai vähintäänkin kannattaa selittää ne auki. Selkokielinen teksti avautuu paremmin kaikille.
Sami Karjalainen
27.11.2019
Sinua saattaa kiinnostaa myös
Mitä on ”laadukas palvelu”?
Monilla nettisivuilla törmää lauseeseen: ”Tarjoamme laadukasta palvelua”. Minua on jo pitkään ihmetyttänyt tämä sanahelinä. Mitä oikeasti on laadukas palvelu?
Graafisen suunnittelijan mokat, osa 2
Jo edellisessä blogitekstissä kävi ilmi, että graafisilla suunnittelijoillakaan ei aina kaikki käy kuin Strömsöössä. On mennyt logoja väärinpäin, tehty huonoja sopimuksia ja ystävyyssuhteet katkenneet työriitoihin. Tässä lisää graafikoiden mokia lähipiiristä.
Graafisen suunnittelijan mokat, osa 1
Meistä jokainen tekee virheitä, niin myös graafiset suunnittelijat ja mainosalan ihmiset. Virheitä ei kannata pelätä, mutta virheistä kannattaa ottaa opiksi. Myös toisten tekemistä virheistä voi ottaa oppia. Tästä syystä kyselinkin alan ihmisiltä, mitkä ovat heidän uransa pahimmat mokat. Miten mokista selvittiin ja mitä niistä opittiin?
