Verkkosivujen esteettömyys tyylitiedostoja käyttäen
Hämäläinen, Heidi (2012)
Hämäläinen, Heidi
Mikkelin ammattikorkeakoulu
2012
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201205188840
https://urn.fi/URN:NBN:fi:amk-201205188840
Tiivistelmä
Miten verkkosivujen suunnittelussa voidaan huomioida sellaiset käyttäjät, joiden on syystä tai toisesta vaikeaa tai mahdotonta käyttää tavallisia tietokonelaitteistoja, kun yhä suurempi osa palveluista on saa-tavilla Internetistä? Verkkopalveluiden käytön mahdollistaminen kaikille on tärkeä osa tasavertaista yh-teiskuntaa. Samasta syystä kuin kaupungintalolla täytyy olla pyörätuoliramppi, täytyy kriisikeskuksella olla kaikkien käyttäjien saavutettavissa olevat nettisivut.
Tämän opinnäytetyön tarkoituksena on selvittää, kuinka Mikkelin Kriisikeskuksen nettisivut voidaan tehdä esteettömiksi. Esittelen työssäni verkkopalveluiden käyttöön liittyviä fyysisiä esteitä, kuten näkö-vammoja ja erilaisia motorisia häiriöitä sekä esittelen näistä vammoista kärsivien käyttämiä tietoteknisiä apuvälineitä, kuten ruudunlukuohjelmia sekä erilaisia ohjainlaitteita ja näppäimistöjä. Kerron myös tek-nisestä esteettömyydestä ja esittelen tyylitiedostoissa käytetyt mediatyypit.
Käytännön toteutuksessa muokkasin Mikkelin Kriisikeskuksen verkkosivut esteettömiksi. Esittelen sivus-tolle tehdyt tyylitiedostot, eli tietokoneen näytölle tarkoitetun mediatyypin screen, tulostukseen sopivan mediatyypin print, matkapuhelimille suunnitellun mediatyypin handheld sekä lopuksi puhesyntetisaatto-rille tarkoitetun mediatyypin speech.
Suurimpana haasteena opinnäytetyössä oli se, että oletuksena opinnäytetyöhön ryhtyessäni oli, että css:n mediatyypillä scpeech ja aural voidaan vaikuttaa siihen, miten ruudunlukija tulkitsee sivun. Kävi kuitenkin ilmi, etteivät nykyiset ruudunlukuohjelmat tue näitä niille tarkoitettuja mediatyyppejä, joten sivustolle oli tehtävä muita muutoksia, jotta siitä saataisiin rakennettua esteetön. Tämän opinnäytetyön tarkoituksena oli selvittää kuinka, Mikkelin Kriisikeskuksen verkkosivut voidaan tehdä esteettömiksi. Vastaus siihen on, että säännönmukaista HTML-koodia käyttäen sekä rakentamalla sivun koodi loogiseen järjestykseen ja tekemällä ulkoasun muotoilut erilliseen tyylitiedostoon.
Tämän opinnäytetyön tarkoituksena on selvittää, kuinka Mikkelin Kriisikeskuksen nettisivut voidaan tehdä esteettömiksi. Esittelen työssäni verkkopalveluiden käyttöön liittyviä fyysisiä esteitä, kuten näkö-vammoja ja erilaisia motorisia häiriöitä sekä esittelen näistä vammoista kärsivien käyttämiä tietoteknisiä apuvälineitä, kuten ruudunlukuohjelmia sekä erilaisia ohjainlaitteita ja näppäimistöjä. Kerron myös tek-nisestä esteettömyydestä ja esittelen tyylitiedostoissa käytetyt mediatyypit.
Käytännön toteutuksessa muokkasin Mikkelin Kriisikeskuksen verkkosivut esteettömiksi. Esittelen sivus-tolle tehdyt tyylitiedostot, eli tietokoneen näytölle tarkoitetun mediatyypin screen, tulostukseen sopivan mediatyypin print, matkapuhelimille suunnitellun mediatyypin handheld sekä lopuksi puhesyntetisaatto-rille tarkoitetun mediatyypin speech.
Suurimpana haasteena opinnäytetyössä oli se, että oletuksena opinnäytetyöhön ryhtyessäni oli, että css:n mediatyypillä scpeech ja aural voidaan vaikuttaa siihen, miten ruudunlukija tulkitsee sivun. Kävi kuitenkin ilmi, etteivät nykyiset ruudunlukuohjelmat tue näitä niille tarkoitettuja mediatyyppejä, joten sivustolle oli tehtävä muita muutoksia, jotta siitä saataisiin rakennettua esteetön. Tämän opinnäytetyön tarkoituksena oli selvittää kuinka, Mikkelin Kriisikeskuksen verkkosivut voidaan tehdä esteettömiksi. Vastaus siihen on, että säännönmukaista HTML-koodia käyttäen sekä rakentamalla sivun koodi loogiseen järjestykseen ja tekemällä ulkoasun muotoilut erilliseen tyylitiedostoon.