Verkkoviestinnän esteettömyys

Reijo Juntunen

18.5.2012

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

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

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

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)

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

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