Luentoni Saavutettavan viestinnän koulutus ja oppaan julkistus-tilaisuudessa 22.5.2012

1. Verkkoviestinnän
esteettömyys
Reijo Juntunen
18.5.2012

2. Muista ainakin nämä
● Sivustoa ei välttämättä lueta tai käytetä, kuten
designer on suunnitellut
● Sivuston sisällön oltava merkattua, jäsenneltyä sekä
tarkoitettu verkossa luettavaksi
● Erota sisältö ja ulkoasu toisistaan
● Vältä selainlaajennusten käyttöä
● Tutustu lisätietoihin

3. Sivuston käyttäminen
● Käyttäjän voitava mukauttaa sivustoa selaimen ja
käyttöjärjestelmän asetuksista
● Sivujen sisältö jäsennellään uudelleen paremman
luettavuuden varmistamiseksi
● Kaksi käyttäjäryhmää: sokeat sekä eriasteisesti
heikkonäköiset
● Sokeat: apuvälineohjelma sekä käytetty selain
vaikuttaa sivuston lukemiseen
● Heikkonäköiset: yksilöllinen näkökyky, laajempi
mukauttamistarve sekä visuaaliset ongelmat

4. Sivuston sisältövaatimukset
● Sivuston tulee käyttää määriteltyä merkkauskieltä
sekä validoida sisältö optimaalisen toiminnan
takaamiseksi
● Apuvälineohjelmat tunnistaa sisältöelementit HTML-
kielen perusteella
● Eri sisältöelementtejä käytetään hyväksi sekä tiedon
jäsentämiseen että navigointiin
● Graafiset, sisältöön olennaisesti kuuluvat elementit
on varustettava vaihtoehtokuvauksella (alt-teksti)
● Muista yleiset verkkojulkaisemisen säännöt
luettavuuden ja tekstin jäsentämisen osalta

5. Ulkoasu
● Erota sisältö ja ulkoasu käyttäen tyylitiedostoa
● Käytä suhteellisia arvoja absoluuttisten arvojen
sijaan (värit & sijainti)
● Varmista, että sivuston skaalautuminen toimii
selaimen omalla zoomaus-toiminnalla
● Varmista sivuston luettavuus eri kontrasteilla (esim.
musta / valkea)

6. Selainlaajennukset
● Eniten ongelmia aiheutuu selainlaajennuksista
● Isoimmat ongelmat: Flash, Silverlight sekä PDF-
tiedostot
● Suosi tiedostomuotoja, jotka ovat selainten ja
valitun merkkauskielen osalta tuettuja ilman
lisäosia
● Varmista, että olennainen sisältö on luettavissa
ilman lisäosia ja -laajennuksia

7. Lisätietoja
● Web Content Accessibility Guidelines (WCAG)
www.w3.org/wai
● W3C validator, www.w3.org/validator
● www.jhs-suositukset.fi/suomi/jhs129
● Cynthia says: http://www.contentquality.com/
● www.nkl.fi/fi/etusivu/tietoa/esteettomyys/testohje