Lataa esitys
Esittely latautuu. Ole hyvä ja odota
JulkaistuTuulikki Honkanen Muutettu yli 9 vuotta sitten
1
Esteettömyys www-sivuilla Eija Mykkänen Mediatekniikan seminaari 3.2.2006
2
Esityksen sisältö Mitä on esteettömyys? Miksi tehdä esteettömiä sivuja? Erityisryhmät ja esteettömyys –näkövammaiset (sokeat, heikkonäköiset, värisokeat) –kuulovammaiset –kognitiivisista häiriöistä kärsivät –motorisista häiriöistä kärsivät
3
Mitä on esteettömyys? Kuka tahansa voi käyttää sivuja riippumatta vammoista, sijainnista, kokemuksesta tai teknologiasta Huomioidaan erilaiset käyttäjäryhmät sivujen suunnittelussa saavutettavuus, käytettävyys, accessibility, inclusive design, universal design, design for all
4
Miksi tehdä esteettömiä sivuja? Yhdenvertaisuus Internet tärkeä osa jokapäiväistä elämää Helppo toteuttaa Verkossa useita toimintoja, joita muuten vaikea saavuttaa Hyödyttää myös palveluntarjoajaa
5
Erityisryhmät Näkövammaiset –sokeat –heikkonäköiset –värisokeat Kuulovammaiset Kognitiivisista häiriöistä kärsivät Motorisista häiriöistä kärsivät
6
Sokeat ja esteettömyys (1/4) Apuna ruudunlukuohjelma ja puhesyntetisaattori tai pistenäyttö Sivukohtainen title-elementti Semanttinen rakenne (,, ) Tärkein asia alussa Sivun alun linkkilistojen ohitus (esim. piilolinkillä)
7
Sokeat ja esteettömyys (2/4) Linkkitekstien oltava kuvaavia irrallisinakin Linkit eri riveille tai erotettuina Vältettävä kuvakarttoja Linkeissä vältettävä skriptejä Kuville selitteet (alt-attribuutti)
8
Sokeat ja esteettömyys (3/4) Toimittava näppäimistöltä (tabindex- attribuutti) Taulukot vain tilastollisen tiedon esittämiseen Lomakkeissa kentät allekkain ja ohjeteksti samalle riville Vältettävä kehyksiä
9
Sokeat ja esteettömyys (4/4) Videoista, Flash-esityksistä yms. tekstiversiot Vältettävä itsestään käynnistyviä animaatioita PDF- ja Word-tiedostoista tarjolle myös html-versiot Tyylit määritelty erillisessä tyylitiedostossa Sivut oltava luettavissa ilman tyylitiedostoa
10
Heikkonäköiset ja esteettömyys Käyttävät usein samoja apuvälineitä kuin sokeatkin, usein myös ruudunsuurentajaa Fontin koko muuteltavissa (suhteellinen koko) Tekstin ja taustan väri muuteltavissa Riittävä kontrasti taustan ja tekstin välillä Linkkilistat ja leipäteksti riittävän väljästi
11
Värisokeat ja esteettömyys Väreillä ei saisi pelkästään merkitä oleellisia asioita Huomioitava esim. tekstin ja taustan väreissä
12
Kuulovammaiset ja esteettömyys Ongelmia aiheuttavat video, ääni ja multimedia Äänitiedostoista tekstivastikkeet Videoista synkronoitu tekstitys
13
Kognitiivisista häiriöistä kärsivät ja esteettömyys (1/2) Esim. tarkkaavaisuushäiriöt, lukihäiriöt, Downin syndrooma Sivujen yleinen selkeys tärkeää Navigoinnin ymmärrettävyys ja yhdenmukaisuus tärkeitä Sisältöä vaihtoehtoissa muodossa, esim. selittäviä kuvia, selkokielistä tekstiä
14
Sisältö lyhyt ja yksinkertainen Vältettävä pitkiä rivejä, noin 70–80 merkkiä Vältettävä tekstin tasaamista molempiin reunoihin Vältettävä välkkyviä elementtejä Kognitiivisista häiriöistä kärsivät ja esteettömyys (2/2)
15
Motoriset häiriöt ja esteettömyys Esim. käsiä ei voida liikuttaa ollenkaan tai voidaan liikuttaa hyvin hitaasti, epävarmasti ja epätarkasti Sivujen käyttö onnistuttava näppäimistöltä Vältettävä liian pieniä osuttavia kohtia Ehdottomasti ei liikkuvia osuttavia kohtia
16
Yhteenveto Validia koodia Tyylit erillään Elementtejä käytetään siihen, mihin ne on tarkoitettukin Kuville, videoille yms. vaihtoehtoista sisältöä
17
Lähteet http://www.saavutettava.fi http://www.nkl.fi/tietoa/esteettomyys/testohje.htm http://www.vischeck.com/ http://www.intermin.fi/intermin/hankkeet/juhta/ho me.nsf/pages/06D2E977451D62FFC2256C1300 392172?Opendocumenthttp://www.intermin.fi/intermin/hankkeet/juhta/ho me.nsf/pages/06D2E977451D62FFC2256C1300 392172?Opendocument Virta, Katja : Esteettömät www-sivut. Insinöörityö. EVTEK-ammattikorkeakoulu. 2005 Korpela, Jukka: www-sivut jokaiselle sopiviksi. TIEKE. 2003. Nielsen, Jakob: Designing Web Usability. Indianapolis: New Riders, 2000.
Samankaltaiset esitykset
© 2024 SlidePlayer.fi Inc.
All rights reserved.