Kun kotisivujen saavutettavuus otetaan huomioon, mahdollisimman moni kävijä, myös toimintarajoitteiset henkilöt, pystyy käyttämään sivuja. Onko sivujen saavutettavuutta mahdollista parantaa omilla sisältövalinnoilla ilman teknistä osaamista?
Tässä hyvä uutinen yrittäjälle: kaikkea ei tarvitse rakentaa itse alusta asti. Hostingpalvelun Saitti-kotisivukone tarjoaa valmiiksi hyvän pohjan saavutettavien kotisivujen tekemiseen. Palvelussa on huomioitu esimerkiksi sivuston rakenne, navigaatio, lomakkeet ja monet muut käytettävyyteen vaikuttavat perusasiat.
Kun lisäksi kiinnität huomiota sisältöihin, kuviin, väreihin, otsikoihin ja linkkeihin, voit tehdä sivustostasi entistä saavutettavamman hyvin pienillä muutoksilla.
Saitti-kotisivukone antaa hyvän pohjan saavutettaville sivuille
Saavutettavuus ei synny vain yksittäisistä sisällöistä, vaan myös siitä, millaiselle alustalle verkkosivusto rakennetaan. Siksi käytössä olevalla kotisivutyökalulla on suuri merkitys.
Saitti on suunniteltu tukemaan selkeää rakennetta, helppokäyttöisyyttä ja hyvää verkkosivun suorituskykyä. Tämä helpottaa myös saavutettavuuden toteuttamista. Erityistä huomiota on kiinnitetty esimerkiksi päävalikkoon, lomakkeisiin, kuvagallerioihin, verkkokaupan toimintoihin ja ostoprosessiin. Myös sivupohjat ja valmiit rakenteet tukevat loogista sisältöhierarkiaa. Tämä tarkoittaa käytännössä sitä, että yrittäjän ei tarvitse lähteä liikkeelle tyhjältä pöydältä, vaan saavutettavuuden kannalta hyvä perusta on jo sivustolla valmiina.
Lopullinen saavutettavuus syntyy kuitenkin siitä, miten sivustoa muokataan ja millaista sisältöä sinne lisätään. Siksi myös omilla valinnoilla on paljon merkitystä.
1. Älä lisää tärkeää tekstiä kuvan sisään
Yksi yleisimmistä saavutettavuuteen liittyvistä virheistä on se, että tärkeä viesti sijoitetaan osaksi kuvaa. Tällöin teksti voi näyttää visuaalisesti hyvältä, mutta kaikki käyttäjät eivät pysty lukemaan sitä.
Jos esimerkiksi otsikko tai toimintakehotus on kiinni taustakuvassa, ruudunlukija ei tulkitse sitä samalla tavalla kuin tavallista tekstisisältöä. Tällöin osa sivuston kävijöistä voi jäädä kokonaan ilman tärkeää tietoa.
Saitti-kotisivukoneella tehtynä teksti kannattaa lisätä aina omana tekstielementtinään kuvan päälle tai sen yhteyteen. Näin sisältö pysyy luettavana, selkeänä ja paremmin saavutettavana.
Jos saat graafikolta valmiin bannerin tai muun kuvan, jossa teksti on jo mukana, pyydä tarvittaessa myös versio ilman tekstiä. Lisää varsinainen otsikko ja muu tärkeä sisältö Saitissa erillisinä tekstielementteinä.
2. Lisää kuville alt-tekstit
Alt-teksti eli vaihtoehtoinen teksti on lyhyt kuvaus siitä, mitä kuvassa näkyy tai mikä kuvan tarkoitus on. Se on tärkeä erityisesti silloin, kun käyttäjä ei näe kuvaa ja käyttää sivustoa esimerkiksi ruudunlukijan avulla.
Jos kuva välittää tietoa, saman tiedon pitäisi olla saatavilla myös tekstimuodossa. Siksi alt-tekstin lisääminen on yksi helpoimmista ja tärkeimmistä tavoista parantaa sivuston saavutettavuutta.
Saitissa kuville voi lisätä kuvauksen sen asetuksissa. Alt-tekstissä kannattaa kertoa kuvan olennainen sisältö tai tarkoitus. Tavoitteena ei ole kuvailla kaikkea mahdollista yksityiskohtaa, vaan välittää käyttäjälle sama olennainen tieto, jonka näkevä käyttäjä saa kuvasta.
Jos kuva on vain koristeellinen eikä sisällä olennaista tietoa, alt-tekstin ei tarvitse olla kuvaileva. Tärkeintä on arvioida, onko kuvalla sisällöllinen rooli sivulla.
3. Käytä otsikoita oikein ja loogisessa järjestyksessä
Otsikot eivät ole vain visuaalinen keino tehdä sivusta siistimpi. Ne muodostavat sisällölle rakenteen, jonka avulla sekä käyttäjät että apuvälineet hahmottavat, mistä sivulla on kyse.
Ruudunlukijaa käyttävä henkilö voi siirtyä sivulla otsikosta toiseen samalla tavalla kuin näkevä käyttäjä silmäilee sisältöä. Jos otsikkotasot ovat sekavia tai niitä käytetään vain ulkoasun vuoksi, sivun rakenne muuttuu vaikeasti hahmotettavaksi.
Saitin valmiit sivupohjat ja rakenteet tukevat järkevää sisältöhierarkiaa jo lähtökohtaisesti. Kun lisäät sisältöä, otsikot kannattaa säilyttää loogisessa järjestyksessä ja jakaa teksti selkeisiin osioihin. Tämä tekee sivusta helpommin luettavan kaikille käyttäjille.
4. Kirjoita linkkitekstit selkeästi
Hyvä linkkiteksti kertoo heti, mihin linkki vie. Esimerkiksi tekstit kuten “lue lisää” tai “klikkaa tästä” eivät yksinään kerro käyttäjälle juuri mitään.
Tämä korostuu erityisesti silloin, kun sivustoa käytetään ruudunlukijalla. Käyttäjä voi kuunnella sivun linkit listana ilman muuta asiayhteyttä. Jos kaikki linkit kuulostavat samanlaisilta, oikean tiedon löytäminen vaikeutuu.
Saitissa kannattaa kirjoittaa linkeille nimet, jotka kuvaavat niiden sisältöä tai toimintoa mahdollisimman tarkasti. Esimerkiksi “Toimitusehdot”, “Tutustu palveluihimme” tai “Varaa aika” ovat selkeämpiä kuin yleiset kehotukset.
Selkeä linkkiteksti auttaa käyttäjää ymmärtämään sivua nopeammin ja tekee kokonaisuudesta ammattimaisemman.
5. Huolehdi siitä, että teksti erottuu taustasta
Riittävä kontrasti tekstin ja taustan välillä on saavutettavuuden kannalta tärkeää. Jos teksti ei erotu tarpeeksi hyvin, sen lukeminen vaikeutuu nopeasti.
Tämä ei koske vain käyttäjiä, joilla on näköön liittyviä haasteita. Myös esimerkiksi kirkkaassa ulkovalossa puhelinta käyttävä henkilö hyötyy siitä, että teksti näkyy selkeästi.
Saitin valmiit sivupohjat, myös tekoälyavustajan avulla luodut pohjat, on suunniteltu niin, että värien kontrasti täyttää vähimmäisvaatimukset mahdollisimman hyvin. Myös otsikkoalueiden ja toimintakehotteiden tekstien luettavuuteen on kiinnitetty huomiota.
Siksi värien muokkaamisessa kannattaa olla tarkkana. Jos muutat tekstin värejä itse editorissa, varmista aina, että teksti säilyy helposti luettavana valittua taustaa vasten.
6. Älä nojaa pelkkään väriin viestinnässä
Pelkkä väri ei riitä kertomaan asiaa kaikille käyttäjille. Jos esimerkiksi ohje kuuluu “paina punaista painiketta”, osa käyttäjistä ei välttämättä tiedä, mitä painiketta tarkoitetaan.
Saavutettavampi vaihtoehto on nimetä painike tai toiminto sen tekstin perusteella. Esimerkiksi “paina Jatka-painiketta” on huomattavasti selkeämpi ohje.
Saitissa sisältöjä rakentaessa kannattaa muutenkin miettiä, että tärkeä viesti välittyy useammalla kuin yhdellä tavalla. Otsikot, selitteet, ikonit ja tarkat toimintakehotukset tekevät sivusta helpommin ymmärrettävän.
7. Muista videoiden tekstitys
Jos julkaiset sivustollasi videoita, myös niiden saavutettavuus kannattaa huomioida. Jos videolla puhutaan, siihen olisi hyvä lisätä tekstitys.
Tekstitys auttaa käyttäjiä, jotka eivät kuule videon ääntä tai joille puheen seuraaminen on hankalaa. Samalla siitä hyötyvät myös monet muut, kuten käyttäjät, jotka katsovat videota ilman ääniä työpäivän aikana tai julkisessa paikassa.
Saitissa voit upottaa sivulle videoita esimerkiksi YouTubesta tai Vimeosta. Jos video sisältää tärkeää tietoa, varmista, että tekstitys on saatavilla. Myös lyhyt tekstimuotoinen yhteenveto videon alle parantaa saavutettavuutta ja helpottaa sisällön selaamista.
8. Tee lomakkeista mahdollisimman selkeitä
Lomakkeet ovat usein yksi verkkosivuston tärkeimmistä kohdista. Niiden kautta pyydetään yhteydenottoja, tarjouspyyntöjä ja tilauksia. Siksi niiden pitää olla helppokäyttöisiä kaikille.
Jokaisella kentällä tulisi olla selkeä nimi, joka kertoo, mitä siihen kuuluu kirjoittaa. Pelkkä kentän sisällä näkyvä vihjeteksti ei yksin riitä, koska se voi kadota käyttäjän alkaessa kirjoittaa.
Saitti tarjoaa lomakkeille saavutettavuutta tukevan perustan, mutta myös sisällöllä on merkitystä. Kenttien nimet ja painikkeiden tekstit kannattaa kirjoittaa niin, että niiden tarkoitus selviää heti. Esimerkiksi “Lähetä viesti” kertoo käyttäjälle paremmin, mitä tapahtuu, kuin yleinen “Lähetä”.
Selkeä lomake helpottaa asiointia käyttäjälle ja lisää samalla todennäköisyyttä siihen, että lomake myös täytetään loppuun asti.
Saavutettavuus on helppo huomioida, kun perusta on kunnossa
Saavutettavuus ei ole yksittäinen tarkistuslista, joka käydään kerran läpi ja unohdetaan sen jälkeen. Se on osa verkkosivujen jatkuvaa ylläpitoa ja sisällöntuotantoa.
Saitti helpottaa tätä työtä tarjoamalla hyvän perustan saavutettavien kotisivujen rakentamiseen. Kun alusta tukee valmiiksi selkeää rakennetta, toimivia lomakkeita ja hyvää käytettävyyttä, yrittäjän on helpompi tehdä oikeita valintoja myös sisällön tasolla.
Jokainen uusi sivu, kuva, linkki ja video on mahdollisuus tehdä verkkosivustosta entistä toimivampi useammalle käyttäjälle. Usein tähän ei tarvita suuria muutoksia, vaan pieniä ja arkisia valintoja.