Informaation saavutettavuus. Juho-Pekka Mäkipää

Samankaltaiset tiedostot
Ohjeita informaation saavutettavuuteen

Muutama sana saavutettavuudesta Virpi Jylhä, Näkövammaisten liitto ry

Ohje Daisy-äänikirjan käyttöön EasyReader Express -ohjelmalla

ARVO - verkkomateriaalien arviointiin

Ohje DaisyTrio-kirjan käyttöön EasyReader Express -ohjelmalla

Verkkokirjoittaminen. Anna Perttilä Tarja Chydenius

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

VERKOSTO GRAAFINEN OHJE

Graafinen ohjeisto. Päivitetty tammikuussa 2015

Flow!Works Pikaohjeet

Jos haluat uuden Share-työkalun, valitse Pods -> Share -> Add New Share tai jos sinulla on jo auki Share-työkalu, näyttää se tältä:

SISÄLLYS. Tunnus 3 Värit 5 Typografia 6 Visuaalinen elementti 7 Ilmesovellukset 8 Kuvien käyttö 11. Uusimaa hanke Graafinen ohjeistus

Saavutettavuus > Tapio Haanperä Saavutettavuusasiantuntija tel

Mitä direktiivi käytännössä velvoittaa?

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

Eye Pal Solo. Käyttöohje

Windows 10 käyttöjärjestelmän helppokäyttötoiminnot ja asetukset

Sen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat

DAISY. Esteetöntä julkaisua

Etäkoulu Kulkurin tieto- ja viestintätekniikan opetussuunnitelma

TEKSTINKÄSITTELY Aloitusharjoitus

Työvälineohjelmistot KSAO Liiketalous 1

Pikanäppäin Yhdistelmiä. Luku 6 Pikanäppäimet

Tekstinkäsittelyn jatko KSAO Liiketalous 1. Osanvaihto näkyy näytöllä vaakasuorana kaksoispisteviivarivinä ja keskellä riviä lukee osanvaihdon tyyppi

KOTISIVUKONE ULKOASUEDITORI

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %

Saavutettavuuswebinaari

Google Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen)

ARVO - verkkomateriaalien arviointiin

Tilastointi- ja tulospalveluun (TiTu) käytettävien tietokoneiden ja tulostimien käytön ohjeistus

TVT-Menetelmiä esteettömään oppimisympäristöön. Antti Peltoniemi Pedagoginen asiantuntija Oppimis - ja ohjauskeskus Valteri

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

MITEN KIRJAUDUN ADOBE CONNECTIIN?

Scratch ohjeita. Perusteet

KÄYTTÖOHJE. Sisällysluettelo. Huom! Tämä käyttöohje koskee seuraavia verkkokirjoja ja verkkopalveluja:

Moodle-oppimisympäristö

Kuva xhtml-sivulla. Mirja Jaakkola

POWERPOINT. A-ajokorttivaatimukset

Usein kysyttyjä kysymyksiä DaisyTrio-kirjoista

Osaamispassin luominen Google Sites palveluun

FrontPage Näkymät

VERKKOKIRJOITTAMINEN.

ATK-taitojen päivitys luento 1. Maaningan seurakunta Hannu Räisänen 2013

Posterin teko MS Publisherilla

Maxivision Go käyttöliittymän ohje

Lukemisen ja kirjoittamisen kompensoivat apuvälineet. Marja-Sisko Paloneva lukiapuvälineasiantuntija Datero

Arvokas. Graafinen ohjeistus

Tunnus. 10 mm. Tunnuksen minimikorkeus on 10 mm.

Selkosanakirja sdfghjklöäzxcvbnmqwertyuiopåasdfghjklöäzxcvbnmq. Tietokoneet. wertyuiopåasdfghjklöäzxcvbnmqwertyuiopåasdfghjk 1.4.

Itsepalvelukopiokone

Verkkokirjoittamisesta tiedottaja Susanna Prokkola, PKSSK.

Share-työkalu (AC 9.1)

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu...

AMIS-ohjelman käyttöohjeet

1 www-sivujen teko opetuksessa

2 Graafinen ohjeisto. Viestintäosasto auttaa, kouluttaa ja ohjeistaa graafisen ilmeen käytössä ja soveltamisessa. Ota yhteyttä:

5. Alaindeksi 6. Yläindeksi 7. Poista muotoilut 8. Tasaa teksti vasemmalle

Saavutettavat verkkosivut Miten ne tehdään?

Päivitetty Text Mining -käyttöopas

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

KÄYTTÖÖN. Koulukirjat tietokoneelle PIKAOHJEET PAPERPORT -OHJELMAN. Sisällysluettelo

Verkkokirjoittaminen. Verkkolukeminen

H5P-työkalut Moodlessa

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019

Maanmittauslaitos.fi ja saavutettavuus

Käsityöprojekti. Samran Khezri Abdisalam Ismail Daut Gerxhalija

VATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys:

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta Voit vaihtaa kielen valikosta.

ipad maahanmuuttajien ohjauksessa Laitteen käyttöönotto Kotomaatti 2016

Monimediaisuus ja vuorovaikutus

SeaMonkey pikaopas - 1

Key to Freedom GRAAFINEN OHJEISTO

Oulun yliopiston www-sivujen tekeminen

Digitaalisen median tekniikat. Esteettömyys ja käytettävyys

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1

Suomen virtuaaliammattikoulu Kaasutustekniikka v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

VISUAALISEN PALVELUN TALLENNUS- JA TOISTO-OHJE

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle

ARVO - verkkomateriaalien arviointiin

Kodu Ohjeet. Jos päivityksiä ei löydy niin ohjelma alkaa latautumaan normaalisti.

Graafinen ohjeistus. 3. versio / 2019

Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Digitaalisen median tekniikat. Esteettömyys ja käytettävyys Harri Laine 1

PDF-tiedostojen optimointi hakukoneille

Moodle opiskelijan opas. Verkko oppimisympäristön käyttö

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suomen virtuaaliammattikorkeakoulu Teknillinen mekanikka fem tutorials > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Visuaalinen ilme (luonnos)

eportfolio ammatillisen kasvun ja oman osaamisen kuvaaminen

Riikka Marttinen, Helsingin Tikoteekki, Windows 7:n helppokäyttötoiminnot

Harjoitellaan esitysgrafiikkaohjelman käyttöä Microsoftin PowerPoint ohjelmalla.

Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Echo360 - luentovideot

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

Historianan käyttöopas

Musiikkipäiväkirjani: Maalataan, kirjoitetaan ja luetaan musiikkia (PWR1) Valitaan värejä, kuvia tai symboleja erilaisille äänille.

Sivuston tiedotdigitalagency.hyp ersaiyan.com

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka monivalinta aihio > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Transkriptio:

Informaation saavutettavuus Juho-Pekka Mäkipää juho-pekka.makipaa@datero.fi

Mitä tarkoitetaan -edon saavute2avuudella? päätavoite on edistää -eto- ja vies-ntätekniikan käytön saavute2avuu2a kouluissa siten, e2ä jokainen oppilas voi omista ominaisuuksistaan riippuma2a hyötyä yhdenvertaises- opiskelussa käyte2ävistä ja opiskelua tukevista lai2eista, ohjelmistoista, sovelluksista ja oppimateriaaleista.

Koulutuksen tavoi2eet Kasva2aa -etoisuu2a ja lisätä saavute2avan informaa-on aiheen näkyvyy2ä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea organisaa-oita saavute2avan informaa-on käytössä, kehi2ämisessä, testaamisessa, arvioinnissa sekä nykyisen käytössä olevan materiaalin saavute2avuuden arvioinnissa (suositukset)

Tarkoite2u: Tällä hetkellä Maailman terveysjärjestö (WHO) toteaa: Yli miljardilla ihmisellä, eli noin 15 %:lla maailman väestöstä, on jonkinlainen vamma. 110-190 miljoonalla aikuisella on huoma2avia ongelmia toimintakyvyssä. Toimintakyvy2ömien osuus lisääntyy mm. väestön ikääntymisen sekä kroonisten terveysongelmien myötä (WHO, 2014). Noin 15 % maailman väestöstä ei saavuta -etoa, ellei sitä tehdä saavute2avaksi. Oppimisvaikeuksia esiintyy n. 5-10% lapsista Amma-llisen koulutuksen opiskelijoista jopa 30%:lla on oppimisvaikeuksia.

Luki- ja oppimisvaikeus Oppimisvaikeuksissa henkilön aivotoiminta on organisoitunut normaalista eroavalla tavalla. Oppimisvaikeudet ovat usein perinnöllisiä. Henkilöllä, jolla on oppimisvaikeuksia, on erilainen tapa oppia, hahmo2aa ja käsitellä -etoa. Oppimisvaikeudet voivat ilmetä erilaisina ja eriasteisina: kielellisinä vaikeuksina, esim. lukemisen ja kirjoi2amisen vaikeudet (luki-vaikeudet) tarkkaavaisuuden ja keski2ymisen vaikeuksina, esim. ADHD, toiminnan ohjauksen ongelmat matema-ikan vaikeuksina hahmo2amisen ja motoriikan vaikeuksina muis-n ongelmina Lähde: esteetonamis.fi

Luki-ja oppimisvaikeuksien vaikutus oppilaaseen Tyypillisiä ovat epäonnistumisten väl2äminen, poissaolot, käy2äytymishäiriöt, keski2ymisvaikeudet, vetäytyminen ja väl2ely sekä mo-vaa-o-ongelmat. Oppimisvaikeudet voivat myös tehdä opiskelusta väsy2ävää ja työlästä, jos koko ajan joutuu toimimaan oman jaksamisensa äärirajoilla. Lähde: esteetonamis.fi

Suositukset saavute2avan informaa-on tuo2amiseen Kuinka tehdään saavute2avia Word-dokumen2eja ja PowerPoint esityksiä Teks-t Kuvat Äänet Videot PDF --edostot E-oppimisympäristöt ja Internet sivustot Tulosteet

Saavutettavat tekstit

Fon-t, kirjasinkoko Käytä mahdollisimman yksinkertaista kieltä, joka on sopivaa esitykseen Termit on hyvä seli2ää Esityksissä on hyvä käy2ää selkokielen periaa2eita apuna Käytä vähintään kirjasinkokoa 12 Käytä sans-serif fon2eja (pää2eetön/koristelematon fon_) Arial, Helve-ca tai Verdana Käytä näytöltä lue2avissa dokumenteissa tähän tarkoitukseen suunniteltuja fon2eja; Verdana, Tahoma tai Trebuchet MS

Esimerkkejä fonteista Sans-serif fon2eja Illalla mennään lenkille & Arial Illalla mennään lenkille & Helvetitica Illalla mennään lenkille & Verdana Illalla mennään lenkille & Calibri Sans-serif fon2eja. (Näytöltä lue2avia) Illalla mennään lenkille & Verdana Illalla mennään lenkille & Tahoma Illalla mennään lenkille & Trebuchet MS Serif fon2eja Illalla mennään lenkille & Times Illalla mennään lenkille & AppleChanchery

Teks-n muotoiluja Anna käy2äjälle mahdollisuus vaihtaa e-dokumen_en teks- fon_a ja kokoa Säilytä muoka2avuus, älä sulje dokumen_a. Tasaa teks- mieluummin vasemmalle Lauseen alku ja pää2yminen on helpompi havaita. Käytä lyhenteistä koko sanaa ensimmäistä kertaa mainitessa Käytä tyylejä teks-n muotoiluun. Otsikot ja leipäteks- erikseen sekä laita otsikot loogiseen järjestykseen. (Heading 1, 2, jne.) Tyylejä käy2ämällä otsikot ja perusteks- ero2uvat toisistaan, ne on helpompi löytää, sisällyslue2elon teko on helppoa sekä helpo2aa lukulai2een toimintaa.

Lue2elot Käytä lue2elomerkkejä tai numeroita lue2eloissa. Numeroi myös otsikot loogises-. Otsikoiden ja lue2eloiden numeroin- helpo2aa seura2avan kohdan löytämisen. Tunnista ja listaa teks-si avainsanat. Jos mahdollista lisää lyhyet kuvaukset tai yhteenvedot sisällöstä tai kappaleista Tämä helpo2aa hahmo2amaan teks-n sisältöä ja au2aa ymmärtämään mistä tes-ssä kerrotaan. E-dokumenteissa mahdollista navigoinnin ja linkkien käy2ö myös pelkästään näppäimistön avulla

Teks-n ja taustan värit Varmista, e2ä värien käy2ö tai vahvennetut teks-t eivät ole ainoa keino korostaa asioita, vältä myös kursivoin)a Koroste2u asia teks-ssä: Tässä teks-ssä tämä asia on tärkeää! Koroste2u asia mustavalkoisena tulosteena: Tässä teks-ssä tämä asia on tärkeää! Varmista, e2ä teks-n ja taustavärin kontras- on mahdollisimman hyvä

Kaaviokuva Varmista, e2ä teks-si ja kaaviokuvat ovat ymmärre2äviä myös ilman värejä tai e2ä värit ero2uvat selkeäs- toisistaan 700000 600000 500000 400000 300000 200000 100000 0 Suomen suurimmat kaupungit Helsinki Espoo Tampere (Huono ase2elu kaaviossa: värejä ja asioita joutuu yhdistämään ) (Vasen kaavio mustavalkoisena: värien sävyt melkein samat)

Saavute2ava kaaviokuva Esitä kaavio siten, e2ä lukijan ei tarvitse yhdistellä objekteja toisiin 800000 600000 400000 200000 0 Suomen suurimmat kaupungit Helsinki Espoo Tampere Asukasluku (Parempi kaavio: ase2elu ei vaadi asioiden yhdistämistä. Väreillä ei ole merkitystä kaavion lue2avuudessa) Anna kaavioille vaihtoehtoinen teks-, jo2a näytönlukija voi lukea kaavion -edot!!

Teks- -edoston muut elemen-t Varmista myös, e2ä kaikki muukin informaa-o on saatavilla myös ilman värejä. Tarjoa myös esim. kuvia, videoita tai ääntä teks-n sisällöstä. Tämä on hyödyllinen niille joilla on vaikeuksia lukemisen kanssa. Merkitse alavii2eet ja linkit selväs-, sekä numeroi ne

Kuvien käyttö dokumenteissa ja esityksissä

Kuvien käy2ö Vältä kuvia, jotka eivät esitä tarkoituksen mukaista informaa-ota Väärät kuvat johda2avat lukijaa harhaan tai häiritsevät keski2ymistä Informaa-ota tehostavat kuvat au2avat lukijaa ymmärtämään sisällön helpommin Vältä tarpee2omia taustakuvia, joissa on monia kuvia, muotoja tai värejä, jotka saa2avat häiritä teks-n lukemista Edellisen sivun Kissa-kuvalla ei ole mitään merkitystä tähän esitykseen, joten se saa2aa olla hämmentävä tai informaa-oltaan harhaanjohtava Vältä käy2ämästä kuvia korvaamaan teks-ä (esim. nuolet) Huono esitystapa Edellinen sivu Seuraava sivu Parempi esitystapa

Kuvien vaihtoehtoinen teks- Määritä kuvillesi vaihtoehtoinen teks- (alterna-ve-teks- = alt-text), jolla voit kuvailla teks-llä mitä kuva esi2ää vältä kuitenkin kuvauksia kuten image of tai kuva jstk. pyri kertomaan kuvan keskeisin informaa-o mitä kuvalla tarkoitetaan Määritä alt-teks- kaikille elementeille jotka eivät ole teks-ä Kuvat, kaaviot, äänet, videot Vaihtoehtoinen teks- on ainoa tapa saada välite2yä kuvan informaa-o näytönlukijaa käy2äessä!

Kuvien värimaailma Vältä käy2ämästä punaista, vihreää, keltaista ja vaalean sävyistä harmaata Huolehdi rii2ävästä kontras-sta teks-n ja taustakuvan suhteessa. Tarkista e2ä kuvien kontras- rii2ää myös videotykille. Vältä hyperlinkkejä tai tekstejä, jotka on piilote2u kuvien taakse Salli kuvien koon muu2aminen tai skaalaaminen

Saavutettavat äänitiedostot

Saavute2avat ääni-edostot Anna lukijalle mahdollisuus kuunnella sama informaa-o. Tarjoa helppo voluumin säätö mahdollisuus Vältä video tai audio -edostojen automaa_toistoja Tarjoa mahdollisuus kontrolloida toistoja myös näppäimistöllä (play, kelaus, pause, stop) Anna käy2äjälle mahdollisuus lisätä audio -edostoon kirjainmerkkejä Kirjoita ääni-edostolle lyhyt kuvaus mitä se sisältää. Muista myös alt-teks- kuvaus

Saavutettavat videot

Saavute2avat video-edostot Anna videoillesi teks-tys. Mikäli mahdollista voit lisätä myös äänikuvauksen mitä videolla tapahtuu. Teks-tyksen avulla videon voi katsoa myös ääne2ömäs- Varmista, e2ä teks-tys ja kuvaus on synkronoitu videon kanssa. Huolehdi myös, e2ä teks-tys ja kuvaukset sisältävät täsmälleen saman informaa-on, kuin mitä videolla puhutaan Varmista, e2ä käy2äjä voi kontrolloida videota: säätää voluumia, pause, stop, kelaustoiminnot Varmista, e2ä videon voi toistaa useilla eri ohjelmilla Suosi alustariippumatonta ohjelmaa Varmista, e2ä videon voi myös ladata koneelle

PDF

PDF PDF säily2ää sisällön ulkonäön samana kaikissa käy2öjärjestelmissä ja tulosteissa PDF on helppo jakaa Nykyään löytyy myös näytönlukijoita, jotka voivat lukea PDF -edostoja

Saavute2avat PDF -edostot Määritä dokumen-n kieli Käytä saavute2avuus tarkistusta, joka löytyy käyte2ävästä ohjelmasta (Word, Adobe Acrobat Reader) Käytä ohjelman uusinta versiota luodessasi PDF--edostoa. Uusimmat ohjelmat sisältävät päivitetymmät saavute2avuus toiminnot. Varmista kuitenkin, e2ä dokumen_a voi lukea myös vanhemmilla versioilla Täytä dokumen-n meta--edosto, jo2a käy2äjät voivat löytää sen paremmin Interne-stä. Anna kuitenkin vähintään dokumen-lle nimi ja otsikko Lisää kaikki tarvi2avat elemen-t dokumen_si rakenteeseen Tarkista rakenteiden lukemisjärjestys Vältä horisontaalista rullausta (mieluummin pystysuunnassa) Lisää eri alueiden alt-kuvaukset

Saavutettavat oppimisympäristöt ja verkkosivut

Saavute2avat verkkosivut Käytä meta--edostoa hyväksi Tee laiteriippumatonta web-designia (skaalautuvuus eri lai2eille) Käytä suunnitellessasi web-sivuja käy2äjälähtöistä kehitysmallia Tee sivukar2a. Anna käy2äjälle mahdollisuus seurata missä on kohtaa sivustoa hän liikkuu Käytä navigoin-a sivulla, anna useampi mahdollisuus navigoida Varmista, e2ä sivustoa voi selata myös pelkästään näppäimistöllä (Tabulaa2orilla ja kirjainkoodeilla) Helpota käy2äjää löytämään -eto sivulta. (hakutoiminto joka sivulla) Käyty linkeissä ja painikkeissa loogista järjestystä Jaa sivujen informaa-o halli2aviin osiin Lisää alt-teks-t kaikille kuvillesi

Saavute2avat verkkosivut 2 Tarkista värikontras- ilmaisilla työkaluilla Mahdollista, e2ä sivujen kaikki toiminnot olisivat laiteriippuma2omia. (Voi käy2ää myös pelkkää näppäimistä tai ääniohjausta) Varmista e2ä kaikki liikkuvat kuvat, video ovat myös pysäyte2ävissä Testaa sivut saavute2avuus työkaluilla Varmista e2ä sivuston teks-t voidaan suurentaa 500% as- Hyvä SEO = hyvä saavute2avuus

Saavutettavat paperitulosteet

Tulosteet Käytä fon_a 12 tai 14 tai suurempaa Käytä sans-serif fon2eja. Älä käytä kiiltävää paperia Tarjoa vaihto-ehtoises- myös e-dokumen_na Anna käy2äjälle mahdollisuus suurentaa dokumen-n fon_a ennen tulostusta Lisää kuvaukset ja kaikista alt--edostoista myös tulosteeseen. Kirjoita myös teks-ssä olevat hyperlinkkien osoi2eet kokonaisuudessaan esim. listauksena -edoston loppuun

Lähteitä ICT for Information Accessibility in Learning - projekti 2012-2015 Euroopan komission rahoituksella Mukana 23 Euroopan maata Pääkoordinaattori European Agency for Special Needs and Inclusive Education Yhteistyökumppanit: o European Schoolnet (EUN), The International Association of Universities (IAU), UNESCO, The DAISY Consortium,The Global Initiative of Inclusive ICTs STIVI-suositukset (Saavutettavat tieto- ja viestintäympäristöt) Lighthouse International Datero ry julkaisut