Web laatu - Käyttäjäystävällisyys (WAI)

Vain vammaisten käyttöön sopivat verkkosivustot voidaan kutsua käyttäjäystävällisiksi (saavutettaviksi) verkkosivustoiksi.

Vammaiset tarkoittavat niitä käyttäjiä, joilla on vamma tai fyysinen epäterveystila.

Web Accessibility Initiative - WAI

WAI (W3C:n vuonna 1997 aloittama) on sarja suunnitelmia, jotka tarjoavat ohjeita web-kehittäjille, luojille ja suunnittelijoille - siitä, miten sisältöä voidaan tehdä helposti saatavilla vammaisille.

Näiden ohjeiden tavoitteena on käyttäjäystävällisyys (saavutettavuus), mutta ne auttavat myös tekemään verkkosisällöstä saatavilla olevaa useammille selaimille (äänselaimet, matkapuhelimet, käsinpidettävät laitteet) sekä useammille vaikeissa olosuhteissa työskenteleville käyttäjille (ei käsinpidettävät, kova valo, pimeys, heikko näkökyky, melu jne.).

Onko WAI tärkeää verkkosivustollesi?

Kyllä.

Jokapäiväisesti miljoonat vammaiset ihmiset selaa internetiä, ja jopa miljoonat ihmiset käyttävät huonoja selaimia tai työskentelevät vaikeissa olosuhteissa.

Jos verkkosivustosi puuttuu esimerkiksi säädettävät fonttikoot, tekstillä varustetut kuvat ja helppokäyttöinen navigointi, nämä ihmiset eivät voi saavuttaa tietoja.

Itse asiassa: Verkkosivustosi riistää näiden ihmisten oikeudet.

Muut syynä verkkosivuston käyttöiävyys parantamiseen:

  • Voit parantaa verkkosivuston mainetta ja imagoa
  • Voit parantaa käyttäjien tyytyväisyyttä
  • Voit lisätä vierailijoiden määrää
  • Voit lisätä vierailijoiden pysymistä sivustolla pidempään
  • Voit lisätä vierailijoiden paluuvalmiutta
  • Voit myös lisätä käyttöiävyys lisäämällä tukemalla ei-vammaisia käyttäjiä
  • Voit lisätä käyttöiävyys lisäämällä tukemalla grafiikkatoimintoja sulkenut käyttäjiä
  • Voit lisätä käyttöiävyys lisäämällä tukemalla vanhoja laitteita
  • Voit tarjota palvelun nopeasti kasvavalle yleisölle: ikäihmisille

Käytä säädettäviä fonttikokoja

Käytä suhteellisia fonttikokoja, jotta käyttäjät voivat muuttaa oletusfonttikokoa selaimen valikosta

Säädettävät kirjasinkoot

Käytä "alt"-ominaisuutta

Alt-ominaisuus mahdollistaa tekstin tarjoamisen kuville (ja myös muille elementeille)

Esimerkki:

<img src="images/bana.jpg" alt="Banana" />

Joskus selain ei voi näyttää kuvia. Tarkemmat syyt ovat:

  • Käyttäjä on sulkenut kuvien näyttämisen
  • Selain on pienehkö selain, joka ei tue grafiikkatulostusta
  • Selain on ääniselain (soveltuu sokeille ja heikkonäköisille)

Jos käytät alt-ominaisuutta, selain voi vähintään näyttää tai lukea kuvan kuvauksen.