1 / 9 ESTEETTÖMYYSTESTAUSRAPORTTI / THL Annanpura Oy / 30.5.2014
2 / 9 1 Johdanto... 3 2 Toimeksianto... 3 3 Havainnot... 4 3.1 Yhteenveto... 4 3.2 Kriittiset ongelmat... 4 3.3 merkittävät ongelmat... 5 3.4 Muita puutteita... 5 3.5 Muita huomioita... 6 4 Jatkotoimenpiteet... 7 5 Tietoja esteettömyystestauksesta... 7 6 Käytetyt ohjelmistot ja laitteet... 8 7 Yhteystiedot... 9
3 / 9 1 Johdanto Tässä asiakirjassa raportoidaan havainnot, jotka tehtiin Annanpura Oy:n suorittaman www.thl.fi-sivuston esteettömyystestauksen yhteydessä sekä pyritään mahdollisuuksien mukaan tarjoamaan ratkaisuehdotuksia havaittuihin ongelmiin ja puutteisiin. Testauksen lähtökohdista ja periaatteista kerrotaan tarkemmin jäljempänä tässä asiakirjassa. Testauksen yhteydessä tehdyt havainnot on jaettu niiden merkityksen mukaisesti neljään ryhmään. Kriittisillä ongelmilla tarkoitetaan puutteita, jotka estävät sivuston käytön kokonaan tietyiltä osin. Merkittävät ongelmat ovat sellaisia, jotka tekevät tutkitun kohteen käytöstä tarpeettoman työlästä tai hankalaa. Muut havaitut puutteet ovat ongelmia, joiden korjaaminen edistää sivuston esteettömyyttä ja käytettävyyttä näkövammaisten kannalta. 2 Toimeksianto Testattavat kohteet: http://www.thl.fi * etusivu Muita tärkeitä osioita http://www.thl.fi/fi/ajankohtaista/tiedotteet-ja-uutiset http://www.thl.fi/fi/tilastot http://www.thl.fi/en/web/ymparistoterveys www.thl.fi/finriski-laskuri
4 / 9 3 Havainnot 3.1 Yhteenveto Tutkitun sivuston esteettömyyttä voidaan pitää auditoinnin perusteella erittäin hyvänä erityisesti Windows-ympäristössä. Sen sijaan testauksen aikana sivuston mobiiliversio ei toiminut esteettömästi iphone-matkapuhelimen Voiceover-ruudunlukuohjelmalla eikä Android-puhelimessa Talkback-ruudunlukuohjelmalla. Sivuston yleinen selailtavuus ja rakenteen hahmotettavuus on hyvä muun muassa selkeän otsikoinnin ja ymmärrettävien linkkitekstien ansiosta. Näin laajalla sivustolla navigointi ja sisällön esitystapa käyttäjälle aiheuttaa erityisiä haasteita etenkin näkövammaisia käyttäjiä ajatellen. Päänavigointiin valittu valikkoratkaisu on teknisesti esteetön, mutta aiheuttaa jonkin verran hankaluuksia erityisesti suurennusohjelmaa käyttäville heikkonäköisille. Myös osa muista toiminnoista saattaa vaatia käyttäjältä hieman peruskäyttöä edistyneempää osaamista oman apuvälineen hallinnassa, jotta toimintojen käyttö sujuu ilman lisävaivaa. Silti valittuja ratkaisuja voi pitää esteettömän käytön kannalta hyvinä. Toimeksiannossa erityisesti mainittujen osioiden osalta testauksessa ei havaittu merkittäviä esteettömyyteen liittyviä ongelmia paitsi Finriski-laskurin puutteet, joista tarkemmin alla. 3.2 Kriittiset ongelmat Mobiiliversion päävalikko Sivuston mobiiliversion päävalikko ei toimi Applen iphone-matkapuhelimessa käytettävän Voiceover-ruudunlukuohjelman kanssa. Valikon avaava painike on kohdistettavissa, mutta valikko ei ole avattavissa kohteen aktivoivalla eleellä, joka on ruudun kaksoisnapauttaminen yhdellä sormella.
5 / 9 Sama ongelma esiintyy myös Android-matkapuhelimessa Talkback-ruudunlukijan kohdalla. Sen sijaan ipad-tabletissa kyseinen valikko toimii myös Voiceoveria käytettäessä, joten ongelma koskee vain matkapuhelimelle suunniteltua responsiivista versiota sivuston käyttöliittymästä. 3.3 merkittävät ongelmat FINRISKI-laskurin täyttö hankalaa Laskurin tarvitsemien tietojen syöttö sujuu muuten helposti, mutta kyllä/eivalintapainikkeiden vaihtoehdon muuttaminen oletusvaihtoehdosta toiseen on hankalaa ja osin jopa mahdotonta NVDA-ruudunlukuohjelman ja Firefox-selaimen yhdistelmällä. Kohdistusta ei voi viedä toisen radiopainikkeen kohdalle, eikä sitä näin ollen pysty valitsemaan. Sen sijaan Jaws-ruudunlukuohjelman ja Internet Explorerin yhdistelmällä lomakkeen tietojen syötössä ei ole ongelmia. NVDA-ohjelmaa käyttää Suomessa tällä hetkellä arvioiden mukaan noin 20-25 prosenttia ruudunlukuohjelmaa tarvitsevista näkövammaisista ja käyttäjien osuus kasvaa koko ajan. Siksi olisi hyvä tutkia, voisiko ongelman korjata siten, että lomake toimii myös NVDA:lla, vaikkakin käyttäjien osuus kokonaismäärästä on selvästi pienempi kuin Jawsilla. 3.4 Muita puutteita Sivun pääotsikon merkintä Sivustolla tarjotaan hyviä mahdollisuuksia siirtyä suoraan sivun pääsisältöön ohittaen navigointielementit sekä WAI-ARIA-maamerkkien että sivujen alussa olevan Hyppää sisältöön linkin avulla. Silti sivujen käytettävyyttä voisi parantaa entisestään määrittämällä kaikille sivuille pääotsikon asianmukaisella <h1>-tagilla. Tällä hetkellä muutamien sivujen pääotsikko on merkitty kolmostason otsikoksi. Useat ruudunlukuohjelmaa käyttävät oat tottuneet siirtymään avattavalla sivulla suoraan
6 / 9 ykköstason otsikkoon ja voi olla hämmentävää, ettei sivulta sellaista löydy lainkaan. Myös tarkasteltaessa sivun kaikkia otsikoita luettelona sen rakenne ei välity, jos otsikoiden hierarkkinen järjestys ei ole looginen. Huolimatta käytetystä otsikon HTML-tagista sille voi määrittää CSS-tyylitiedostossa halutun kaltaisen ulkoasun, joten visuaaliset tekijät eivät riitä perusteeksi valita pääotsikolle jokin muu kuin ykköstason määritys. Ympäristöterveys-sivuilta puuttuu pääotsikon merkintä Ympäristöterveys-aihealueen etusivulta puuttuu pääotsikon <h1>-html-merkintä. Pudotusvalikot hankalia Pääasialliseksi navigointiratkaisuksi valitut pudotusvalikot on toteutettu ruudunlukuohjelmien käyttäjien kannalta esteettömästi, mutta niiden käyttö on hankalaa suurennusohjelman kanssa. Tällöin käyttäjälle on näkyvissä kerrallaan vain pieni osa sivun koko sisällöstä. Tämän vuoksi osa avatun pudotusvalikon kohteista saattaa jäädä näkymän ulkopuolelle, mikä aiheuttaa usein hankalia tilanteita, kun käyttäjä joutuu vierittämään suurennettua näkymää saadakseen valikon muut kohteet esiin. Usein tällöin avattu valikko vahingossa sulkeutuu, joten navigointi tuntuu turhauttavan työläältä. 3.5 Muita huomioita Navigointibannerin valikoiden ohjeteksti Sivuston päänavigoinnin käytettävyyttä ruudunlukuohjelmilla voisi entisestään parantaa, jos pudotusvalikon avaavan linkin ohjetekstiin voisi lisätä vielä sen valikon nimen, jonka kyseinen linkki avaa tai sulkee. Esimerkiksi Avaa tai sulje alavalikko Ajankohtaista.
7 / 9 Ympäristöterveys-sivun sisältöön siirtyminen Ympäristöterveys-sivuilla Hyppää sisältöön linkki näyttää osoittavan osion omaa navigaatiota edeltävään kohtaan varsinaisen sisältöosan alkukohdan sijaan. Sivulla siirtymisen helpottamiseksi olisi hyvä siirtää kohdistus lähemmäksi varsinaista pääsisältöä. 4 Jatkotoimenpiteet Sivun mobiiliversiota tulee korjata siten, että se on esteettömästi käytettävissä myös iphone- ja Android-puhelimien ruudunlukuohjelmalla. Suosittelemme, että sivuston toimivuus testataan tehtyjen muutosten jälkeen ainakin näiltä osin. Myös Finriski-laskurin lomakkeen toimivuutta NVDA-ruudunlukuohjelmalla on hyvä parantaa, sillä tällä hetkellä osa käyttäjistä ei pysty täyttämään lomakkeen tietoja esteettömästi. 5 Tietoja esteettömyystestauksesta Testaus kattaa toimeksiannossa määriteltyjen osioiden esteettömyyden auditoinnin näkövammaisten käyttäjien osalta. Testauksessa huomioidaan sivuston teknisen toteutuksen esteettömyys, sivujen rakenne sekä sisällön saavutettavuus ja ymmärrettävyys. Sivustoa arvioidaan ensisijaisesti sokeiden ja vaikeasti heikkonäköisten käyttämien apuvälineohjelmistojen kannalta, minkä lisäksi selvitetään sivujen toimivuus heikkonäköisten hyödyntämien muiden menetelmien avulla. Viimeksi mainittuihin lukeutuvat muun muassa selaimen tekstin koon tai väriasetusten valitseminen käyttäjälle parhaiten sopiviksi. Sivut testataan yleisimmillä näkövammaisten käyttämillä ruudunlukuohjelmilla, joita ovat Windows-ympäristössä Jaws ja NVDA sekä ios-ympäristössä Voiceover, jota käytetään Applen iphone- ja ipad-mobiililaitteissa. Tutkittua kohdetta tarkastellaan soveltuvin osin myös muissa laite- ja ohjelmistoympäristöissä, kuten Android-puhelimessa ja Mactietokoneessa. Testaus suoritetaan ohjelmistojen uusimmilla versioilla. Tästä johtuen vanhemmissa käyttöjärjestelmä- ja ohjelmaversioissa saattaa esiintyä ongelmia, jotka eivät ilmene testauksessa.
8 / 9 Ruudunlukuohjelma on apuvälinesovellus, joka tulkitsee visuaalisesti näytöllä esitettävän sisällön puheena käyttäjälle. Ruudulla olevien sisältöelementtien välillä voi liikkua näppäimistöä käyttämällä kohteesta toiseen, jolloin puhesyntetisaattori lukee ääneen aktiivisena olevan kohteen. Kosketusnäytöllä varustetuissa laitteissa navigoidaan ruudun visuaalisesti esitettyjen elementtien välillä erilaisten kosketuseleiden avulla, jolloin laitteen puhesyntetisaattori puhuu käyttäjälle kulloinkin kohdistettuna olevan kohteen. Valittu kohde aktivoidaan järjestelmästä riippuen erilaisten napautuseleiden avulla. Testaus perustuu WCAG 2.0 saavutettavuusstandardiin,, jota täydentää testaajien monivuotinen ja laaja henkilökohtainen kokemus verkkopalvelujen esteettömyydestä ja näkövammaisten apuvälineohjelmistoista. Testauksen tukena käytetään myös Wave Web Accessibility Tool Firefox-laajennusta (http://wave.webaim.org) sekä Acheckerverkkopalvelua (http://achecker.ca/checker/index.php), joka tarkistaa koneellisesti HTMLkoodin esteettömyyden. Näiden menetelmien yhdistelmän avulla testauksessa voidaan tarkistaa sekä sivuston tekninen esteettömyys että sen todellinen saavutettavuus näkövammaisten käyttäjien kannalta. 6 Käytetyt ohjelmistot ja laitteet Windows 7 Professional käyttöjärjestelmä Jaws 15 -ruudunlukuohjelma NVDA 2014.1 ruudunlukuohjelma Internet Explorer 11 -selain Firefox 29.0 -selain ios 7.1 -käyttöjärjestelmä Safari-selain / ipad Mini Safari-selain/iPhone 5 Voiceover-ruudunlukuohjelma
9 / 9 Android 4.4.2 käyttöjärjestelmä: LG Nexus 4 matkapuhelin Chrome-selain Talkback-ruudunlukuohjelma 7 Yhteystiedot Testauksen suoritti Annanpura Oy:n esteettömyysasiantuntija Kimmo Sääskilahti. Yhteystiedot: Kimmo Sääskilahti Sähköposti: kimmo.saaskilahti@annanpura.fi Puhelin: 050-4485232 Annanpura Oy, Näkövammaisten Keskusliitto ry:n omistama yritys PL 41, 00030 IIRIS, Marjaniementie 74, 00930 HELSINKI puh. (09) 3960 41, fax. (09) 3960 4433, GSM 050 4618 766 www.annanpura.fi