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

Transkriptio

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

2 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

3 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

4 0 000

5 Verrattuna oikeaan kirjastoon on minulle se ainoa vaihtoehto, että oikeasta kirjastostahan minä en voisi lähteä hakemaan samalla tavalla kirjoja ollenkaan - enkä aineistoa.

6 Tärkeimmät tutkimus- kysymykset

7 Onnistuuko perushaun tekeminen hakusanan syötöstä aina tietueiden tutkimiseen?

8 Ovatko hakutulokset selkeitä? Löytyvätkö ne sivulta helposti? Onko hakutulosten läpikäynti tehokasta?

9 Onko tietuesivu selkeä? Onko sieltä helppo löytää tietoa?

10 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?

11 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

12 Ongelmia esteettömyydessä

13 Arvioinnin vaiheet Projektin aloitus Käyttäjä- testit (6) Validointitestit (3) Asiantuntijaarvioinnit Havainnointihaastattelut (3) Loppupäätelmät

14 Testitilanteen rakenne Taustatietohaastattelu Testitehtävät System Usability Scale (SUS) kysely Muunneltu Anticipated experience Evaluation (AXE) -kysely Loppuhaastattelu

15 System Usability Scale (SUS) Kymmenen kysymystä sisältävä lomake, jolla arvioidaan yleisesti tuotteen käytettävyyttä

16 System Usability Scale Finna.fi (huhtikuu 2013) Kyselyiden keskiarvo: ,5 32, NA

17 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

18 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?

19 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"

20 Proton valmistus ja sen validointitestit

21 Hakutulossivu itsessään on nyt kyllä tosi kätevä ja se on tosi hyvä ja selkeä

22 System Usability Scale Oma proto (versio 1) Kyselyiden keskiarvo: 79,2 72,5 72,5 92,

23 Havainnot käytettävyys- arvioinnista

24 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

25 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

26

27 Valikko Haku Otsikko: [hakusana] Hakutulosasetukset Hakutulos Hakutulos Rajaa hakua Apuvalikko Otsikko: [hakusana] Hakutulosasetukset Hakutulos Hakutulos Rajaa hakua Sijainti Aineistotyyppi Haku Valikko Apuvalikko

28

29 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ä

30

31 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

32

33 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

34 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

35 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:

36 Miten tästä eteenpäin

37 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 ( Näkövammaistahojen testausohjeet verkkosivuille ja -palveluille (kevyempi kuin WCAG) ( Fangs - Screen Reader Emulator ( NonVisual Desktop Access (NVDA) ( VoiceOver ( JAWS-ruudunlukuohjelman käytön osaavan testaajan hankkiminen

38 CAFinna

39 Fin