Saavutettavuuswebinaari 8.11.2017 Mitä saavutettavuus käytännössä tarkoittaa? Virpi Jylhä, saavutettavuuden asiantuntija, Näkövammaisten liitto Sami Älli, saavutettavuusyksikön johtaja, Kehitysvammaliitto
1. Kaikki hyötyvät, monet tarvitsevat Aistivammaiset Kognitiiviset haasteet Motoriset haasteet Neurologiset sairaudet Vanhempi teknologia Ikäihmiset Väliaikainen toimintarajoite
Tuotteen käytettävyys ja saavutettavuus riippuu käyttäjistä!
2. Valintoja, ei rakettitiedettä Saavutettavuus ei ole ruma tai tylsä sivusto. Saavutettavuus ei ole rakettitiedettä. Saavutettavuus on oikeiden valintojen tekemistä. Mitä varhaisemmassa vaiheessa oikeat valinnat tehdään - sitä helpompaa, - sitä halvempaa, - sitä tehokkaampaa.
3. Käyttötavat Näppäimistökäyttö Hahmottaminen pala kerrallaan Avustavat tekniikat: ruudunlukuohjelmat ruudunsuurennusohjelmat kytkinohjaimet Värien ja fonttien mukautus Käytössä usein vanhempi tekniikka Sivuston rakenteen opettelu
Osoitinlaitteita ja erikoisnäppäimistöjä
4. Kielimääritys ja <title> Teknistä saavutettavuutta: WCAG 2.0 Ruudunlukuohjelman kannalta tärkeitä Ymmärrettävyys WCAG-määrityksessä
5. Väreillä on väliä Sivun rakenteen ja ryhmittelyn tehokeino Hyvä informaation tehostin vaan ei koskaan ainoana Riittävät kontrastit, ei levottomia taustoja Sivuston toimittava mustavalkoisenakin
6. Kieli ja toimintatavat Selkeä kieli / selkokieli / hyvä yleiskieli Toistuvuus koko sivustolla Rakenteessa ja sijoittelussa termeissä grafiikassa Väreissä
Kapulakielestä selkoilmaisuun Kela maksaa suoraan koulutuksen järjestäjälle sen osan koulumatkatuesta, joka on myönnetty koulukuljetuksen perusteella. Koulutuksen järjestäjälle korvataan koulukuljetuksesta aiheutuneet kustannukset, joista on vähennetty kuukausittainen matkaosuutenne 43 euroa. Koulutuksen järjestäjälle suoraan maksettava osuus on koulumatkatukeanne. Lähde: Kielikello 4/2011, Kaino Laaksonen --------------------------------------------------------------------------------- Kun käytät koulukuljetusta, Kela maksaa koulumatkatuen suoraan koulutuksen järjestäjälle. Koulukuljetus maksaa sinulle itsellesi enintään 43 euroa kuukaudessa. Lähde: Kielikello 4/2011, Kaino Laaksonen
7. Helppoutta selaamiseen Linkeille kuvaavat nimet Hyppylinkki pääsisältöön - vieritä Missä olen? Sijainti sivulla ja sivustolla
8. Ryhtiä rakenteeseen Maltillisesti informaatiota ja toimintoja Tekstille ja toiminnoille otsikot Elementit standardia HTML-kieltä
9. Grafiikka ja kuvat Kuvilla lisää ymmärrettävyyttä Videot antavat lisävalaistusta huomioi näkövammaiset ja kuulovammaiset Alt-elementti tekstiä kun infoa Kuvateksti ei ole alt-teksti Kuvalinkeille ja painikkeille nimet
http://www.nngroup.com/articles/flat-design-long-exposure/
10. Lomakkeet Selkeä ulkoasu Ohjeistus käyttäjälle Lomake-elementtien nimilaput Pakollisten kenttien merkitseminen Käyttäjälle palaute saavutettavasti
11. Multimedia Anna käyttäjän päättää käynnistäminen Varo näppäimistöansaa: sulkeminen ja navigoiminen Välkkyvä sisältö Videoiden ääni, tekstitys ja viittomakieli Helppo ymmärrettävyys tärkeää myös videoissa http://papunet.net/selko/selkoilmaisu-arjen-tukena/
12. Lisätietoa ja yhteystiedot www.papunet.net/saavutettavuus (uusitut sivut aukeavat viikolla 46/2017 www.nkl.fi/saavutettavuus www.webaim.org http://www.w3.org/tr/wcag20 sami.alli@kvl.fi virpi.jylha@nkl.fi
11. Demoillaan Esityksessä mainitut ruudunlukuohjelmat olivat: NVDA (ilmainen, Windows) Jaws (maksullinen, Windows) TalkBack (Android, valmiina laitteissa käyttöönotettavaksi) VoiceOver (ios, valmiina laitteissa käyttöönotettavaksi) Ohjeita: www.nkl.fi/testaavoiceoverilla www.nkl.fi/testaatalkbackilla