Esteettömyyttä vaivattomasti

Suomessa on sokeita tai näkövammaisia kymmeniä tuhansia. Internet kuuluu kaikille, myös aistirajoitteisille, siksi on tärkeää kiinnittää huomiota esteettömyyteen. Rollemaa ei ole kaikista esteetön sivu, mutta pyrin kehittämään esteettömyystekniikoita mahdollisimman paljon eteenpäin. Aika ei vain aina tahdo riittää. Tässä merkinnässä kuitenkin kerron esteettömän websivun perusperiaatteet.

1. Grafiikka keskittyy pitkälti tai mieluiten täysin CSS:ään. Graafiset elementit on hyvä jättää täysin pois html-koodista (tietenkin img-kuvia lukuunottamatta), sillä sokeille ne ovat yhtä tyhjän kanssa. Img-tagit, eli esimerkiksi blogitekstien välissä olevat kuvat on kuvattava alt-tageilla, jotta sokea tietää mitä kuvassa on.Jos altia ei ole määritetty, puheohjelma lukee nettisivua esimerkiksi seuraavasti:
   

   Kävimme lapsemme kanssa ulkona kävelyllä, ks. kuva: -määrittämätön kuva!-

   , sen sijaan että se lukisi:

   Kävimme lapsemme kanssa ulkona kävelyllä, ks. kuva: Kuvassa lapseni on sylissäni, minä seison sininen kokovartalohaalari lapin Ylläs-rinteellä hymyssä suin!

   Näin sokea tietää heti mistä on kyse. Itselläni usein unohtuu laittaa alt-tagit, mutta pyrin parantamaan tapani.

   Miltä sivustosi näyttää ilman tyylimäärittelyjä? Kokonaisuuden pitäisi olla selkeä. Ensimmäisenä sivuston otsikko h1:lla määritettynä, sitten mahdollinen navigointi listoitettuna, jonka jälkeen sisältö selkeästi jäsenneltynä. Minun pitäisi hieman korjailla Rollemaan jäsentelyjä, sillä esimerkiksi EEE-logon ei kuulu ”näkyvän” ensimmäisenä ilman tyylejä. Mutta näin perusperiaatteessa olen tottunut pitämään Rollemaan melko selkeänä kokonaisuutena.

2. Media. Tekstitykset, selitteet ja infot ovat kaiken A ja O.
3. Skripteihin vaihtoehtoja. Kaikki apuvälineet eivät tue esimerkiksi javascriptiä. Silloin on hyvä käyttää noscript-tagia, joka näyttää vaihtoehtoista sisältöä scriptin sijaan. Näin jälleen näkörajoitteiset tietävät missä mennään.
4. Selkeä ulkoasu. Näkörajoitteisille tärkeää on, että ulkoasulla on hyvä kontrasti. Rollemaassa kontrasti on melko huono, sillä olen alusta asti pyrkinyt tekemään taiteellista ja hienoa – luettavuudesta viis. Mutta kuten jo aiemminkin sanoin, olen kehittämässä esteettömyyttä eteenpäin. Tuossa ylhäällä on jo tekstin suurennus/kirkastus-nappula, jolla tekstiä saa vähän paremmin näkymään. Tulossa on myös näkövammaisille suunnattu tyylitiedosto, joka helpottaa selaamista ja parantaa lukukokemusta huomattavasti.
5. Järkeenkäyvät linkit. Tee linkkiselitteistä järkeviä. Pahimpia ovat linkit, joissa lukee ”klikkaa tästä” ilman title-tagia. Sokealle nämä aiheuttavat suurta hämmennystä.
6. Koodaa mahdollisimman virheettömästi ja järkevästi. Lukuohjelma tai apuväline ymmärtää paremmin validia koodia kuin täysin virheellistä koodia ilman dokumenttityyppiä. Virheetön koodi toimii mahdollisimman hyvin joka laitteessa.

Siinäpä se näin pähkinänkuoressa. Sallikaatte myös aistirajoitteisille Internet! Tasa-arvoa ja elämän reiluutta eteenpäin.

Piditkö tekstistä? Tarjoa kahvit!

Roni Laukkarinen

Kirjoittaja on 35-vuotias elämäntapanörtti, ammatiltaan yrittäjä ja teknologiajohtaja perustamassaan digitoimistossa, verkkosivujen tekijä, koukussa kirjoittamiseen 5-vuotiaasta. Päivät kuluu monipuolisen musiikkiharrastuksen, retropelien ja koodaamisen parissa, mutta arkea piristyttää myös vaimo ja kaksi lasta. Mastodon ja leffat lähellä sydäntä.

Lue Rollesta lisää