Kotisivujen esteettömyys testissä

Toimistollamme työskentelee tällä hetkellä sokea työntekijä, mikä tarjosi meille mahtavan tilaisuuden laittaa kotisivujemme esteettömyys testiin. Oli jännittävää seurata sivusta, miten kollegani navigoi sivuillamme näppäimistön ja siihen kytketyn apuvälineen avulla. Apuväline muuttaa sivuston tekstit pistekirjoitukseksi ja sen avulla on myös mahdollista kuunnella sivuilla olevaa tekstiä.

Kollegani kävi sivuston huolellisesti sivu sivulta läpi. Hän navigoi sivuilla linkkien, otsikoiden ja luetteloiden avulla – kaikki asioita, jotka hyvin toteutettuina edistävät myös hakukonenäkyvyyttä. Ensin hän selasi päävalikon ja yksittäiselle sivulle saapuessaan ”silmäili” sivua otsikoita selaamalla ja vasta tämän jälkeen ryhtyi lukemaan tekstiä.

Millainen on sokealle esteetön verkkosivusto?

Sokealle esteetön verkkosivu on selkeä myös näkeville ja lisäbonuksena se on myös hakukoneystävällinen.

Tärkeimmät esteettömyyttä edistävät asiat:

  • Valikkorakenne on matala ja selkeä.
  • Yksittäisillä sivuilla on murupolku.
  • Kaikki linkit sivulla ovat tekstimuotoisia, eivät visuaalisia.
  • Linkit on nimetty selkeästi ja sivut, joille ne johtavat, vastaavat sisällöltään linkin tekstiä.
  • Sivulla on käytetty otsikkotyyppejä.
  • Sivulla on käytetty luetteloita.
  • Jos sivulla on keskeistä informaatiota sisältäviä kuvia, esimerkiksi kaavioita, on niiden sisältämä informaatio kirjoitettu myös tekstiin.
  • Sivun rakenne on yksinkertainen, asiat ovat selkeästi allekkain.
  • Sivustolla käytetty kieli on helppolukuista.

Näitä kannattaa välttää:

  • Visuaalista kikkailua ja monimutkaista rakennetta niin koko sivustossa kuin yksittäisillä sivuillakin.
  • Väliotsikoiden tekemistä esimerkiksi vain lihavoimalla normaalia tekstiä.
  • Tekstin sijoittamista ennen sivun pääotsikkoa, koska se jää sokealta helposti huomaamatta.
  • Sivun visuaaliseen rakenteeseen viittaavia ilmaisuja, kuten ”sivun alalaidassa” ja ”vasemmassa reunassa”.

Miten sivustomme pärjäsi esteettömyystestissä?

Saimme kollegaltamme kiitettävän arvion sivuston selkeydestä ja navigoinnin helppoudesta. Erityistä kiitosta sai matala valikkorakenne, murupolun ja otsikkotyyppien käyttö ja selkeä kieli ja linkitys. Pientä viilattavaakin toki löytyi, ja oli mielenkiintoista havaita, että jotkut sokealle hankalat kohdat ovat sitä myös näkevälle. Korjattavien asioiden listalle nousi esimerkiksi se, että ilmoittautumislomakkeiden kentissä olevat ohjetekstit katoavat, kun niihin kirjoittaa. Parempi ratkaisu olisi tehdä erilliset otsikot täytettäville kentille.

Nykypäivän visuaalisuutta korostavaan ja kuvia tulvivaan viestintään tottuneena oli mielenkiintoista kurkistaa maailmaan, jossa kuvat ja visuaalisuus olivat täysin toisarvoisia ja keskiössä oli hyvin kirjoitettu ja jäsennelty teksti.

Kiinnostaako sinua tietää, miten voisitte parantaa digitaalista saavutettavuutta ja fyysistä esteettömyyttä omassa organisaatiossanne? Ilmoittaudu 29.10.2018 Helsingissä järjestettävään Monimuotoinen esteettömyys -tilaisuuteen.

Riitta Liski

Kirjoittaja työskentelee Kansalaisfoorumissa viestinnän suunnittelijana.

Jaa sivu:
Share on FacebookTweet about this on TwitterShare on LinkedInGoogle+Email to someone

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *