ESTEETTÖMYYSTESTAUSRAPORTTI / THL. Annanpura Oy / 30.5.2014



Samankaltaiset tiedostot
ESTEETTÖMYYSTESTAUSRAPORTTI TAPAHTUMAKALENTERI JA BLOGI / THL.FI

ESTEETTÖMYYSTESTAUSRAPORTTI ETUSIVU JA FINRISKI-LASKURI / THL.FI

ESTEETTÖMYYSTESTAUSRAPORTTI / VIRTU.FI/ LOMAKKEET. Annanpura Oy /

SAAVUTETTAVUUSRAPORTTI / finna.fi. Annanpura Oy /

ESTEETTÖMYYSKATSAUS / KAJAANI.FI Annanpura Oy /

Käyttäjätestausraportti/ finna.fi. Annanpura Oy /

ESTEETTÖMYYSKATSAUS / SEINÄJOKI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / KANSALLISMUSEO.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / PORI.FI Annanpura Oy /

Miten näkövammainen eroaa 'tavallisesta' käyttäjästä?

ESTEETTÖMYYSKATSAUS / JOENSUU.FI Annanpura Oy /

Saavutettavuustestausraportti

ESTEETTÖMYYSKATSAUS / MIKKELI.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / LAHTI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / JYVÄSKYLÄ.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / ROVANIEMI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / LIPPU.FI Annanpura Oy /

Tikon Web-sovellukset

ESTEETTÖMYYSKATSAUS / TURKU.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / KUOPIO.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / OUKA.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / HEL.FI Annanpura Oy /

ESTEETTÖMYYSKATSAUS / TAMPERE.FI Annanpura Oy /

Verkkosivustojen saavutettavuuden tarkistuslista

Saavutettavuuswebinaari

ESTEETTÖMYYSKATSAUS / KOUVOLA.FI Annanpura Oy /

ETÄPALVELU. HALTIK Videoportaali - osallistujan ohje

Visma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin

Ohjeita informaation saavutettavuuteen

Tikon Web-sovellukset

Pikaohje 1 (7)

VERKKOKIRJOJEN JA DIGILEHDEN KÄYTTÖOHJE

CAFinna. Aino Jakobsson, Piia Sevón, Emil Virkki, Jari Väätäinen

Tikon Web-sovellukset

Sisältö. Päivitetty viimeksi Sivu 2 / 14

Suomi.fi: Asiointi ja lomakkeet osion käyttöliittymämallien käyttäjätestaus. Testaustulosten esittely

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne

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

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Selaimen asetukset. Toukokuu (7) Selaimen asetukset Tikon Oy. All rights reserved.

Ohje sähköiseen osallistumiseen

OHJE Jos Kelaimeen kirjautuminen ei onnistu Mac-koneella Sisällys

Tieto Edu. Tieto Edun mobiiliversiota voi käyttää Android- ja IOs-laitteissa ja web-version käyttöön suosittelemme joko Crome- tai Firefox-selainta.

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Ohje sähköiseen osallistumiseen

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

Sisällys Yleistä... 1 Tietosuoja... 1 Työkalusovellusten rajoitukset... 2 Selainsuositus... 3 Kirjautuminen sivustolle... 4 Windows Phone...

WCAG 2.1 Uudet kriteerit

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

Ouka.fi aikamatka saavutettavuuteen

Sanomapavelinohjelmiston käyttöohje (Vanha versio RO)

Sähköinen kuljetuspalveluhakemus - Käyttöohje

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

Otakantaa.fi esteettömyysarviointi Veikko Savijoki, Heli Hintikka

Ennen varmenteen asennusta varmista seuraavat asiat:

Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen

Saavutettavuus > Tapio Haanperä Saavutettavuusasiantuntija tel

Office ohjelmiston asennusohje

vero.fi: Hankinnasta ylläpitoon Miten varmistaa saavutettavuus?

Accelerating Your Success. PlanMill 16. Uusi PlanMill 16 käyttöliittymä Infopaketti

KEHITYSTOIVEIDEN JA VIRHEIDEN KIRJAUSOHJE INTERNETISTÄ

Käyttöohje. Versiohistoria: versio Mari Kommenttien perusteella korjattu versio

1 YLEISTÄ TIETOA HELMESTÄ ETUSIVU YHTEENVETO LUKUJÄRJESTYS / KOTITEHTÄVÄT / MERKINNÄT VIESTIT KOKEET...

Webinaarin osallistujan ohje

NTG CMS. Julkaisujärjestelm. rjestelmä

OPPILAAN/ OPISKELIJAN NÄKYMÄ

ARVO - verkkomateriaalien arviointiin

MIIKKA VUORINEN, SANTERI TUOMINEN, TONI KAUPPINEN MAT Verkkopalvelun laadukkuus ja arviointi

Ohjeet What matters to me palvelun käyttöönottoon

Microsoft Outlook Web Access. Pikaohje sähköpostin peruskäyttöön

Kaislanet-käyttöohjeet

Omahallinta.fi itsepalvelusivusto

JulkICT portaalin käyttöohje

Päivitysohje Opus Dental

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Raporttiarkiston (RATKI) käyttöohjeet Ohjeet

Wi-Fi Direct -opas. Helppo määritys Wi-Fi Directin avulla. Vianmääritys. Liite

Sisällys Yleistä... 1 Tietosuoja... 1 Työkalusovellusten rajoitukset... 2 Selainsuositus... 3 Kirjautuminen sivustolle... 4 iphone... 4 ipad...

Tik Tietojenkäsittelyopin ohjelmatyö Tietotekniikan osasto Teknillinen korkeakoulu. LiKe Liiketoiminnan kehityksen tukiprojekti

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad)

Webinaari -koulutukset

Maxivision Go käyttöliittymän ohje

Visma Nova. Visma Nova ASP käyttö ja ohjeet

Tik Tietojenkäsittelyopin ohjelmatyö Tietotekniikan osasto Teknillinen korkeakoulu KÄYTTÖOHJE. LiKe Liiketoiminnan kehityksen tukiprojekti

Nettikalenterin tilausohjeet

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu Martat - KÄYTTÖOHJE Yhdistyksille 2017

Joomla Pikaohje

Learning2 ( Uudet työkalut ja ominaisuudet

Design with business impact

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

3 VIESTIT UUSI VIESTI VIESTIN LUKEMINEN SAAPUNEET JA LÄHETETYT KANSIOT ROSKAKORI...

Solteq Tekso v Versiopäivitysohje.

Kennelliiton Omakoira-jäsenpalvelu Ohje Kennelpiireille, osoitelistat

Kennelliiton Omakoira-jäsenpalvelu Ohje kennelpiireille, näyttelyanomuksen puoltaminen ja hyväksyminen

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

AirPrint-opas. Tämä käyttöopas koskee seuraavia malleja: MFC-J6520DW/J6720DW/J6920DW/J6925DW. Versio A FIN

Opiskelijat Turun ammatti-instituutin Wilmassa ( )

Tieto Edun mobiiliversiota voi käyttää Android ja IOs laitteissa ja web version käyttöön suosittelemme joko Chrome tai Firefox selainta.

Transkriptio:

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