CAFinna Aino Jakobsson, Piia Sevón, Emil Virkki, Jari Väätäinen
Finna-palvelun esteettömyys Käyttäjäryhmä: Näkövammaiset ruudunlukuohjelman käyttäjät Ruudunlukuohjelma tulkitsee tietokoneen näytöllä olevan tekstin ja välittää sen edelleen puhesyntetisaattorille tai pistenäytölle mahdollistaa pääsyn internetin tietosisältöön
Käyttöympäristö Yleisin ruudunlukuohjelma JAWS (versiot 10-13) muita käytössä olleita: NonVisual Desktop Access (NVDA) ja ZoomTextruudunsuurennusohjelma puhesyntetisaattorilla Osalla käytössä puhesyntetisaattorin lisäksi pistenäyttö Yleisin selain Internet Explorer (IE versiot 8-10) toimii JAWSin kanssa parhaiten
0 000
Verrattuna oikeaan kirjastoon on minulle se ainoa vaihtoehto, että oikeasta kirjastostahan minä en voisi lähteä hakemaan samalla tavalla kirjoja ollenkaan - enkä aineistoa.
Tärkeimmät tutkimus- kysymykset
Onnistuuko perushaun tekeminen hakusanan syötöstä aina tietueiden tutkimiseen?
Ovatko hakutulokset selkeitä? Löytyvätkö ne sivulta helposti? Onko hakutulosten läpikäynti tehokasta?
Onko tietuesivu selkeä? Onko sieltä helppo löytää tietoa?
Muut tutkimuskysymykset Löytyvätkö rajaustyökalut ja osataanko niitä käyttää? Onko tarkennettu haku käytettävä? Onko etusivu selkeä? Toimiiko hakukentässä oleva haun rajaus ruudunlukijalla?
Esteettömyyden kolme porrasta (ruudunlukuohjelmalla) 1. Ei käytettävissä (teknisiä esteitä) 2. Tekniset esteet poistettu, mutta vaikea, epämiellyttävä ja hidas käyttää 3. Hyvä käyttäjäkokemus
Ongelmia esteettömyydessä
Arvioinnin vaiheet Projektin aloitus Käyttäjä- testit (6) Validointitestit (3) Asiantuntijaarvioinnit Havainnointihaastattelut (3) Loppupäätelmät
Testitilanteen rakenne Taustatietohaastattelu Testitehtävät System Usability Scale (SUS) kysely Muunneltu Anticipated experience Evaluation (AXE) -kysely Loppuhaastattelu
System Usability Scale (SUS) Kymmenen kysymystä sisältävä lomake, jolla arvioidaan yleisesti tuotteen käytettävyyttä
System Usability Scale Finna.fi (huhtikuu 2013) Kyselyiden keskiarvo: 60 95 97,5 32,5 35 45 55 NA 3 3 4 4 5
Anticipated experience Evaluation (AXE) -kysely AXE on laadullinen menetelmä, jonka tarkoitus on saada näkemys siitä miten käyttäjä kokee tuotteen tai palvelukonseptin Lähde: Gegner, L. & Runonen, M. (2012) For What it is Worth: Anticipated experience Evaluation. In 8th International Conference on Design and Emotions
Muunneltu versio AXE-kyselystä Kolme kosketeltavaa materiaalia/esinettä 1. ketju levy 2. kivi karhunkieli 3. kivilaatta geelityyny Kysymys: Kumpi näistä kuvaa Finna-palvelua paremmin? Miksi?
Käyttäjien kommentteja "Toivoisin että tuntuisi tällaiselta [levy], mutta tuntuu enemmän tällaiselta [ketju] -- Se oli jäsentymätön, jouduin epäjohdonmukaisiin paikkoihin. Olisin toivonut, että olisi otsikoita, joiden varassa mä voisin suunnistaa." [levy] suoria linjoja; ei ongelmia, [ketju] monimutkainen ja hankala, mitä tämä ei todellakaan ollut "[Kivi] kuvaa paremmin, kun on umpinainen ja kylmä, sisään pääsemätön. Tässä toisessa [karhunkieli] on enemmän joustoa." "Kivilevy, kova -- Finnassa joutui keskittymään"
Proton valmistus ja sen validointitestit
Hakutulossivu itsessään on nyt kyllä tosi kätevä ja se on tosi hyvä ja selkeä
System Usability Scale Oma proto (versio 1) Kyselyiden keskiarvo: 79,2 72,5 72,5 92,5 4 4 4
Havainnot käytettävyys- arvioinnista
Tärkeimpiä ongelmia 1. Sivun rakenne epälooginen ja otsikkoelementit puutteellisia 2. Linkit eivät toimi irrallaan asiayhteydestään tai edes asiayhteydessään 3. Hakuehdotukset hämmensivät; osa käyttäjistä valitsi ehdotuksen huomaamattaan 4. Ruudunlukija lukee sivuilla ääneen näkymättömiä koodipätkiä ja URL-osoitteita 5. Automaattisesti liikkuva karuselli (Kokoelmien helmiä) hämmentää ja vaikeuttaa etusivun selaamista
1. Sivun rakenne epälooginen ja otsikkoelementit puutteellisia Sisältö haudattu, epälooginen rakenne, ei otsikoita Selailu usein tehotonta, hakutulokset eivät erotu toisistaan Ratkaisu 1: paremmat (piilo-) otsikot + rakenteen korjaus Ratkaisu 2: paremmat (piilo-) otsikot + ohituslinkit Valikko Haku Otsikko: [hakusana] Hakutulosasetukset Hakutulos Hakutulos Rajaa hakua Apuvalikko = otsikko
Valikko Haku Otsikko: [hakusana] Hakutulosasetukset Hakutulos Hakutulos Rajaa hakua Apuvalikko Otsikko: [hakusana] Hakutulosasetukset Hakutulos Hakutulos Rajaa hakua Sijainti Aineistotyyppi Haku Valikko Apuvalikko
2. Linkit eivät toimi irrallaan asiayhteydestään Ruudunlukijoiden käyttäjät selaavat usein sivun linkkejä erityisellä linkkilistalla -> linkkitekstin pitää olla järkevä Kuvien alt-tekstin pitäisi olla kuvaava, etenkin jos niitä käytetään linkkeinä: mitä tekevät Kansikuva ja KDK-logo? Ratkaisu: Kuvaavat linkki- ja alt-tekstit Kertovat, mitä linkki tekee (myös itsessään) Tarvittaessa piiloteksteinä
3. Hakuehdotukset hämmensivät Hakuehdotuskomponentti ei kerro käyttäjälle mitä tapahtuu Ei kerrota, että hakuehdotukset ovat auenneet Ei kerrota, kuinka hakutulokset valitaan listasta Ratkaisu: päivitetään jquery UI uusimpaan versioon, jossa autocomplete-widgetin esteettömyyttä on parannettu
4. Ruudunlukija lukee URL-osoitteita tai koodinpätkiä ääneen Yläreunan logosta luetaan kuvan URL koska alt-teksti puuttuu Osa pudotusvalikoista sisältää URL-osoitteen joka luetaan Jokaisen hakutuloksen kohdalla luetaan ctx_... Ratkaisu: korjataan alt-tekstit, poistetaan/piilotetaan tarpeettomat tekstit
5. Kokoelmien helmiä -osio ei toimi ruudunlukijalla Ruudunlukija hyppää osion alkuun, kun sisältö muuttuu Sisällön vaihtuminen on hämmentävää Osiota ei välttämättä osata ohittaa (ruudunlukija saattaa hypätä alkuun kesken osionlukemisen -> aloittelija ei pääse yli) Ratkaisu: tehdään karusellista manuaalinen niin että sisältö vaihtuu vain kun käyttäjä painaa nuolia
Yhteenveto muista muutoksista Fasetteihin väliotsikot Osa fasettien rajauslinkeistä piilotettiin oletuksena Hienot, tyylitellyt pudotusvalikot korvattiin saavutettavammilla tavallisilla <select> -elementeillä tai tavallisilla linkeillä Poistettiin automaattikohdistus hakukentästä (pl. Etusivu) Alt-tekstit mm. Kansikuva -> Avaa kansikuva KDK-logo -> Kansallinen digitaalinen kirjasto -> Etusivu Tarkemmin ja kattavammin, katso: https://github.com/emilvirkki/finna-proto
Miten tästä eteenpäin
Esteettömyyden jatkuva testaus ja varmistus Pienet asiat voivat rikkoa koko sivun esteettömyyden Esteettömyysvaikutukset mietittävä aina kun muutetaan jotain (uusi ominaisuus, softakirjaston valinta jne.) Avuksi esteettömyyden varmistamiseen Web Content Accessibility Guidelines (WCAG) 2.0 (http://www.w3.org/tr/wcag20/) Näkövammaistahojen testausohjeet verkkosivuille ja -palveluille (kevyempi kuin WCAG) (http://www.nkl.fi/fi/etusivu/tietoa/esteettomyys/testohje) Fangs - Screen Reader Emulator (http://sourceforge.net/projects/fangs/) NonVisual Desktop Access (NVDA) (http://community.nvda-project.org/) VoiceOver (http://www.apple.com/accessibility/voiceover/) JAWS-ruudunlukuohjelman käytön osaavan testaajan hankkiminen
CAFinna
Fin