Inventive Design
5.1.2007 Lasse Larvanko

Paranna maailmaa lisäämällä kävijöitä sivuillesi

97% sivuista syrjii osaa käyttäjistä, miten omasi?

Joka kymmenennellä suomalaisella voidaan katsoa olevan erikoistarpeita verkkokäytössä, ja he kaikki tarvitsevat saavutettavia sivuja, jotta voivat ostaa tai tehdä ostopäätöksen verkossa. Vain muutama prosentti sivuista on saavutettavia. Parantamalla sivusi saavutettavuutta saat hyvin suuren joukon potentiaalisia asiakkaita lisää, joista ei kilpaile kukaan!

Mitä on saavutettavuus

Saavutettavuudella tarkoitetaan sivuille esteetöntä pääsyä kaikille, riippumatta käyttäjästä, päätelaitteesta tai yhteysnopeudesta. Sivuja tulee voida käyttää niin ikäihmiset, näkövammaiset kuin liikuntaesteisetkin. Seuraavassa esimerkki huonosta saavutettavuudesta ja siihen hyvin helppo ja halpa korjausehdotus.
Kuva jossa hs.fi/sää sivu esitettynä normaalinäkymässä ja selaimella, joka ei näytä kuvia. Suurin osa tiedoista sääsivulla on kuva tiedon varassa, joissa ei ole alt-tekstiä.

Hs.fi/sää normaalinäkymänä on hyvä, mutta katsellessa sivua ilman kuvia paljastuu paha saavutettavuusongelma: kuvissa ei ole tekstiselitystä.

Sivuille tulisi lisätä vaihtoehtoinen teksti, jolla kuvataan kuvaa niille jotka kuvaa eivät näe. Nyt säätiedoista ei ole mitään hyötyä niille käyttäjille joille kuvat ovat jostain syystä näkymättömissä. Syinä voi olla näkövamma, hidas yhteysnopeus, karumpi päätelaite tai ruudunlukulaite.

Esimerkiksi maanantain kuville tulisi lisätä ”aurinkoista” ja ”tuuli 7m/s koiliseen” selitykset, jotka näytetään/luetaan kun kuvien näyttäminen ei ole mahdollista. Tämä on hyvien tapojen mukaista ja hyvin dokumentoitu web standardeissa. Kun vaihtoehtoinen teksti on merkitty sivuille, on sivu saavutettava kaikille, myös sokeille, jotka käytävät ruudunlukijaa verkkosivujen ”lukemiseen”. Tämä ei muuta sivuja mitenkään visuaalisesti.

Saavutettavuuden tila on olematonta

Huonosti saavutettavien sivujen rakentamiseen ja hyväksymiseen syinä pidetään tietämättömyyttä ja harhaluuloja että saavutettavuus olisi vaikeaa tai kallista.

YK:n saavutettavuudesta tilaaman raportin mukaan vain 3 sadasta tutkitusta etusivusta läpäisi edes alkeellisimman saavutettavuusstandardin -WCAG1:n.

Lisäksi raportissa todetaan:

  • Tutkituista sivuista 93 % ei merkinnyt kuvia riittävän usein vaihtoehtoisella tekstillä kuten artikkelin sääkarttaesimerkissä
  • 98 % ei käyttänyt web standardeja tai käytti niitä huonosti, antaen huonon pohjan saavutettavuudelle. (Lue artikkeli web standardien hyödyistä)
  • 87 % avasivat pop-up ikkunan ilman varoitusta, aiheuttaen hankaluuksia ruudun suurennus ohjelmaa käyttäville
Saavutettavuus on mahdollisuus

Hyvin saavutettavat sivut ovat selkeä kilpailuvaltti niille, jotka haluavat asiakkaikseen ne noin 10 % käyttäjistä jotka tarvitsevat jotain erikoisapuja sivujen käyttämiseen. Mikäli satut olemaan alasi ainoa, joka tarjoaa tällaista palvelua, saatat olla näille käyttäjille ainoa kanava.

Onko saavutettavuus vaikeaa?

Ei. Suurin este saavutettavuudelle on tietämättömyys ja välinpitämättömyys. Saavutettavuudesta on kirjoitettu alan kirjallisuudessa niin painettuna kuin verkossa aivan riittävästi.

Onko saavutettavuus kallista?

Vanhan sivuston muuttaminen saavutettavaksi saattaa olla kallista ja aikaa vievää puuhaa. Saavutettavuus on yksi asia, joka tulee pitää mielessä niin sivua suunnitellessa, rakentaessa kuin ylläpidettäessä. Mikäli saavutettavuus on yksi aspekti verkkoprojektin alusta pitäen, ei se merkittävästi lisää kustannuksia koko projektiin. Kaikki saavutettavuuteen liittyvät tekniikat, testit ja standardit ovat ilmaisia ja nopeita toteuttaa.

Kuinka saavutettavuus saavutetaan

Hyvällä suunnittelulla, ottamalla saavutettavuus yhdeksi kriteeriksi ja pitämällä saavutettavuutta yllä myös valmiilla sivuilla saadaan aikaan sivut, joita kaikki voivat käyttää. Samalla sivut saavat muutakin lisäarvoa.

Extra bonus – Lisää asiakkaita myös mobiililaitteista

Mikäli sivut eivät ole saavutettavia, ne harvoin toimivat myöskään pienemmillä päätelaitteilla kuten kännyköillä. Web standardien mukaiset saavutettavat sivut sen sijaan toimivat usein moitteetta myös mobiililaitteissa ilman mitään lisäkoodia! Vaikka erityistarpeita olevien määrä kasvaa väestön ikääntyessä, on suurin potentiaalinen asiakkaiden kasvu mobiilipuolella.

Muualla aiheesta

Surkea tilanne on kansainvälisestikin
Esteettömyydestä suomeksi
Oheita esteettömyyteen

Kommentit

6 kommenttia artikkelista “Paranna maailmaa lisäämällä kävijöitä sivuillesi”

Tilaa tämän artikkelin kommentit RSS-syötteenä

  1. Inventive Design : Kuinka pääsin Googlen ensimmäiselle sivulle viikossa – hakukoneoptimointi kannattaa http://inventive.fi/kuinka-paasin-googlen-ensimmaiselle-sivulle-viikossa-%e2%80%93-hakukoneoptimointi-kannattaa/

    [...] Hakukoneystävällinen koodi ei syrji ketään, sillä se on usein myös saavutettavaa käyttäjille jotka käyttävät sivuja mobiililaitteilla tai ruudunlukuapuvälineillä. [...]

  2. Inventive Design | 10 asiaa jota olet aina halunnut tietää verkkosuunnittelusta, mutta et ole jaksanut Googlata http://www.inventive.fi/10-asiaa-jota-olet-aina-halunnut-tietaa-verkkosuunnittelusta-mutta-et-ole-jaksanut-googlata/

    [...] Saavutettavat ja esteettömät sivut ovat vastuullisen verkkojulkaisun lisäksi myös hyvää bisnestä. Lue Paranna maailmaa lisäämällä kävijöitä sivuillesi. [...]

  3. Inventive Design | Onko sivustosi Da Vinci -koodia Googlelle? http://www.inventive.fi/onko-sivustosi-da-vinci-koodia-googlelle/

    [...] virheitä todennäköisesti liikaa. Huonosti toteutetut sivut aiheuttavat huomattavaa haittaa, niin saavutettavuudelle, löydettävyydelle kuin [...]

  4. Saavutettavuuden ROI | Nettibisnes.Info http://nettibisnes.info/saavutettavuuden-roi/

    [...] tarvitsevat ryhmät muodostavat yhdessä merkittävän joukon potentiaalisia asiakkaita. On selvä kilpailuetu jos yrityksen web-sivut toimivat moitteetta myös näillä [...]

  5. Inventive Design | Kesän keskellä kertausta http://www.inventive.fi/kesan-keskella-kertausta/

    [...] Paranna maailmaa lisäämällä kävijöitä sivuillesi [...]

  6. Sokeakin näkee tämän sivun eli saavutettavuus hakukoneoptimoinnin kylkiäisenä – Tulos http://www.tulos.fi/artikkelit/sokeakin-nakee-taman-sivun/

    [...] Paranna maailmaa lisäämällä kävijöitä sivuillesi [...]

Kommentoi

pakollinen

pakollinen, mutta ei tule näkyviin

Voit käyttää seuraavia elementtejä kommenteissa: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Hyvin saavutettavat sivut ovat selkeä kilpailuvaltti niille, jotka haluavat asiakkaikseen ne noin 10 % käyttäjistä jotka tarvitsevat jotain erikoisapuja sivujen käyttämiseen."



Sivun alkuun