Löysit piilotettua sisältöä! Tämä sisältö näkyy vain ruudunlukuohjelmille. Kerro palautuksessa sana "pöllömuhku".
Saavutettavan verkkosisällön tavoitteena on, että kuka tahansa pystyy käyttämään verkossa tarjottavia palveluita erilaisista rajoitteista riippumatta. Tämä kurssi johdattelee saavutettavuuden perusasioihin. Huomio on erityisesti teknisissä vaatimuksissa.
WHO:n arvion mukaan maailman väestöstä noin 15% on vammaisia.
Ilmaisia ruudunlukuohjelmia löytyy lähes joka alustalle. Kaikkien toimintaperiaate on sama, eikä käyttöä ole vaikea oppia. Kokeile ruudunlukuohjelman käyttöä ja tutki vähintään tätä verkkosivua valitsemallasi ohjelmalla. Kerro palautuksessa, mitä löytyi.
Jokaisessa Applen laitteessa on käyttöjärjestelmässä mukana VoiceOver-ruudunlukuohjelma. Saat sen päälle iOS-laitteissa painamalla kolmesti Koti-näppäintä. Jos tämä ei toimi, VoiceOverin löytää asetuksista Settings -> General -> Accessibility -> VoiceOver (Asetukset -> Yleiset -> Käyttöapu -> VoiceOver).
VoiceOverin kanssa voi tutkia näytön sisältöä kahdella eri tavalla:
HUOM! Klikataksesi jotain kohdetta (kuvake, linkki, painike, tekstikenttä...) pitää kaksoisnapauttaa näyttöä. Yksi kosketus vain siirtää VO:n kohdistimen kyseiseen paikkaan. Sillä, missä kohtaa näyttöä kaksoisnapautuksen tekee, ei ole merkitystä. Jos sisältöä haluaa vierittää, onnistuu se pyyhkäisemällä kolmella sormella ylös/alas tai vastaavasti sivusuunnassa vierittäessä vasemmalle/oikealle.
Android-puhelimissa ja tableteissa on käyttöjärjestelmän sisällä TalkBack-ruudunlukuohjelma. Sen saa päälle Settings -> Accessibility -> TalkBack (Asetukset -> Helppokäyttöisyys -> TalkBack).
TalkBackin kanssa näytön sisältöä saa tutkailtua kahdella eri tavalla:
HUOM! Jos haluat klikata jotain (kuvaketta, linkkiä, tekstikenttää...), pitää kaksoisnapauttaa. Yksi napautus pelkästään siirtää kohdistimen ko. kohtaan. Sisällön vierittäminen onnistuu pyyhkäisemällä kahdella sormella ylös/alas.
Windowsille löytyy maksuton, avoimen lähdekoodin ruudunlukuohjelma NVDA. Asenna se koneellesi täältä.
Koska suurin osa ruudunlukuohjelman käyttäjistä on sokeita eivätkä siis käytä hiirtä, suosittelen toimimaan NVDA:n kanssa näppäimistöllä, jotta kokemus on autenttisempi. Verkkosivulla pystyy liikkumaan nuolinäppäimillä.
Monessa Linux-versiossa on oletuksena mukana ruudunlukuohjelma Orca. Niihin, joihin Orca ei oletuksena sisälly, sen saa todennäköisesti asennettua. Jos Orca löytyy, pitäisi sen mennä päälle näppäinkomennolla Super + alt + s.
Jos varsinaista suurennusohjelmaa ei ole käytössä tai ei sellaista ehkä tarvitsekaan, on heikkonäköiselle nettisivujen tekstikoon muuttaminen kätevä tapa helpottaa verkon käyttöä. Kaikilla sivuilla selaimesta tekstikoon muuttaminen ei kuitenkaan onnistu, jos tekstikoko on määritelty kiinteäksi. En tarkoita nyt koko sivun zoomausta, vaan pelkän tekstin fonttikoon muuttaamista, jolloin asettelun pitäisi myös pysyä muutoin samana ja vain tekstin kasvaa. Mobiililaitteilla voi laitteen asetuksista säätää tekstikokoa suuremmaksi ja se suurentaa myös selaimen tekstikokoa, jos mahdollista. Työpöytäselaimissa saman asian tekemisen yksinkertaisuus vaihtelee: ainakin Internet Explorerilla ja Safarilla pelkän tekstikoon muuttaminen onnistuu Näytä-valikon kautta, kun taas Chromella täytyy mennä selaimen asetuksiin ja valita sieltä vielä lisäasetukset, jotta tekstille voi määrittää minimikoon. Ominaisuuden toimivuutta voit testata esimerkiksi Googlen hakusivulla.
Etsi esimerkki sivusta, jolla tekstin zoomaus onnistuu, sekä sivusta, jolla se ei onnistu. Voit myös halutessasi tutustua varsinaisten suurennusohjelmien käyttöön – kuten ruudunlukuohjelmia, lähes joka alustalta löytyy suurentamiseenkin oma "helppokäyttötoimintonsa".
Hyvät kontrastit auttavat taatusti monia. Tärkeintä hyvät kontrastit ovat toki värisokeille, heikkonäköisille ja ikääntyneille, mutta kyllä ihan normaalisti näkeväkin hyötyy käyttöliittymän selkeistä kontrasteista esimerkiksi auringonpaisteessa kännykkää käyttäessään. Testaa Colorblindness simulatorin avulla, miltä eri sivustot näyttävät värisokeiden silmin. Valittavissa on useampi tyyppi värisokeuksia. Tämä värisokeussimulaattori toimii kuvilla, joten tässä ainakin pari testattavaa kuvakaappausta: Google Doodles ja Ars Technica.
Oman sivuston tekstien ja taustan värien kontrastin tarkistaminen on helppoa esimerkiksi Check my colours -sivun avulla. WCAG2.0-ohjeistuksen mukaan kontrastin suhde (contrast ratio) tulisi olla vähintään 4.5:1 ja suuren tekstin (fonttikoko vähintään 18 tai boldattu 14) kohdalla 3:1. Parhaimman tason WCAG:n määritelmissä saavuttaa kontrastien osalta, jos kontrastien suhde on vähintään 7:1 (tai suurella tekstillä 4.5:1).
Onko jotain, mitä erityisesti tahdot aiheesta oppia? Jäikö jokin asia mietityttämään luennon jälkeen? Kysy vapaasti!
