Saavutettavuutta arvioimassa tapaus Avustajaportti



Samankaltaiset tiedostot
Saavutettavuus > Tapio Haanperä Saavutettavuusasiantuntija tel

Verkkopalveluiden saavutettavuus

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin

Saavutettavat verkkosivut Miten ne tehdään?

Ouka.fi aikamatka saavutettavuuteen

Opintopolun esteettömyyshaasteet

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

KUULOVAMMAISILLE TÄRKEÄT TEEMAT DIGITAALISTEN PALVELUJEN KÄYTÖSSÄ

WCAG 2.1 Uudet kriteerit

4.13 WAI-ohjeiden mukainen verkkosisältö, ilmoittaminen

Saavutettavuuskiertue 2018 Saavutettavan verkkopalvelun hankinta Virpi Blom, North Patrol Oy

Digi arkeen -neuvottelukunnan kokous: saavutettavuusdirektiivi ja siihen liittyvä kansallinen lainsäädäntö Kommenttipuheenvuoro, Sami Älli

Mitä direktiivi käytännössä velvoittaa?

W3C & verkkojulkaisun standardit

EMCS-järjestelmän sanomarajapinnan toiminnallinen kuvaus asiakkaille Meeri Nieminen

Saavutettavuuswebinaari

Ohjeita informaation saavutettavuuteen

Oulun kaupungin verkkosivuston saavutettavuuden arviointi (WCAG 2.0)

-projekti. Pasi Häkkinen TTY/hypermedialaboratorio

7 Saavutettavuus ja välineet

PROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN

Käyttäjäkeskeisyys verkkopalveluissa

ARVO - verkkomateriaalien arviointiin

Selkeä ja kaikille saavutettava Opintopolku

Apua, saavutettavuusdirektiivi tulee!

Verkkopalvelun käyttökelpoisuus ja arviointi

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

Saavutettavuus ei ole vain kriteerien noudattamista

Päivi Rissanen KOHTI SAAVUTETTAVAA VERKKOPALVELUA

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

Digitaalisen median tekniikat. Esteettömyys ja käytettävyys

JULKISTEN VERKKOPALVELUJEN LAATUKRITEERISTÖN KONSEPTI

4 Verkkosisällön saavutettavuus

Digitaalisen median tekniikat. Esteettömyys ja käytettävyys Harri Laine 1

Digitaaliset palvelut kaikille Saavutettavuusdirektiivi verkkopalvelut ja sisällöt kaikille sopiviksi

HTML5 -elementit jatkuu

THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys

Tapahtumakalenteri & Jäsentietojärjestelmä Toteutus

Palautetta portfolioista

Esteettömiä näkökulmia saavutettavuuteen

Verkkosisällön saavutettavuus

ARVO - verkkomateriaalien arviointiin

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

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

10 Nykyaikainen WWW-arkkitehtuuri

Sivuston nopeus. Sivullasi ei ole uudelleenohjauksia. Lue lisää aloitussivun uudelleenohjausten välttämisestä.

FlowIT virtaa IT-hankintoihin

ESTEETTÖMYYSTESTAUSRAPORTTI TAPAHTUMAKALENTERI JA BLOGI / THL.FI

Esittelemme älykkäitä automaatio- ja valaistusratkaisujamme uudella tavalla: ESYLUXin verkkosivut ovat uudistuneet

Käytettävyys verkko-opetuksessa Jussi Mantere

Palvelukartta. Ystävänpäivä Vammaisneuvosto. Mirjam Heikkinen Helsingin kaupunginkanslia - Tietohallinto

VAASAN YLIOPISTO TEKNILLINEN TIEDEKUNTA TIETOTEKNIIKKA

ARVO - verkkomateriaalien arviointiin

OP Tunnistuksen välityspalvelu

Marianne Laaksonen & Liisa Raevaara

Saavutettavuusseloste, saavutettavuuspalaute ja saavutettavuuden valvonta

Käytettävyyslaatumallin rakentaminen verkkosivustolle

Käyttäjien tunnistaminen ja käyttöoikeuksien hallinta hajautetussa ympäristössä

Ajankohtaiset kuulumiset saavutettavuusdirektiivin toimeenpanosta (WADEX)

Euroopan unionin neuvosto Bryssel, 19. heinäkuuta 2016 (OR. en) Jeppe TRANHOLM-MIKKELSEN, Euroopan unionin neuvoston pääsihteeri

PROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI

Julkisen hallinnon verkkosivujen saavutettavuusdirektiivi kansallisen lainsäädännön toimeenpanon tilanne

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Mark Summary. Taitaja Skill Number 206 Skill Verkkosivujen tuottaminen. Competitor Name

HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA

2. Kommentit lakiehdotuksen pykäliin ja yksityiskohtaisiin perusteluihin

Laki digitaalisten palvelujen tarjoamisesta Digitaalisten palvelujen saavutettavuus Koulutus tiedottajille ja verkkotoimittajille, HAUS

Ristiinopiskelun kehittäminen -hanke

Kohti saavutettavaa Kelaa. Raila Äijö

Mitä käytettävyys on? Käytettävyys verkko-opetuksessa. Miksi käytettävyys on tärkeää? Mitä käytettävyys on? Nielsen: käytettävyysheuristiikat

Pari sanaa verkkopalvelun suunnittelijalle. Panu Moilanen Jyväskylän yliopisto 7. helmikuuta 2003

TOIMINNALLINEN MÄÄRITTELY MS

Saavutettavuusdirektiivi ja sen kansallinen toimeenpano. Markus Rahkola, VM,

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus

Maanmittauslaitos.fi ja saavutettavuus

#saavuta2017 Puheenvuoroja, kognitiivinen saavutettavuus Torstai , klo

ESTEETTÖMYYSTESTAUSRAPORTTI / THL. Annanpura Oy /

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML


Suomi.fi-palvelut ja saavutettavuustyö käytännössä

Sivuston tiedotsiteoptimer.com

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

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

Esteettömyyskartoitus tarjouksesta toteutukseen

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

Saavutettavuus, syksy 2008

Automaattinen regressiotestaus ilman testitapauksia. Pekka Aho, VTT Matias Suarez, F-Secure

PILVIPALVELUT HYÖTYKÄYTÖSSÄ. Jarkko Muhonen TeamProg

Asiakas ja tavoite. Tekninen toteutus

Niku Husu, Iiro Kaisla, Marko Nyby, Anssi Puustinen, Eetu Rasi

Hyvinkään kaupungin verkkosivuston saavutettavuuden arviointi (WCAG 2.0)

Ehdotus Euroopan parlamentin ja neuvoston direktiiviksi

Sopimus Asiakas- ja potilastietojärjestelmästä. Liite N: Kielivaatimukset

Markkinoinnin logistiikka

Sivuston nopeus. (vanhentumista ei ole määritetty)

Tapaaminen ESOK-verkoston ja opiskelijajärjestöjen kanssa. Markus Rahkola ja Sanna Juutinen, VM,

Mobiili ennen desktoppia!

Multimodaalisuus oppijan tukena oppimateriaaleista eportfolioon

3 Verkkosaavutettavuuden tekniset perusteet

Tieto- ja viestintätekniikka. Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille)

Transkriptio:

Saavutettavuutta arvioimassa tapaus Avustajaportti MATHM-47050 Saavutettavuus vierailuluento Ilkka Kaikuvuo, 20.11.2007 1

Ohjelmassa tänään Määritelmiä saavutettavuudesta Arviointi yleisellä tasolla Arviointi W3C:n mukaan Tapaus Avustajaportti yleisesittely saavutettavuus saavutettavuuden arviointi käytännössä Kysymyksiä (vastauksineen?) 2

Saavutettavuus: määritelmiä (1/2) Saavutettavuus: en: accessibility määritelmä: ominaisuus, joka ilmentää sitä, kuinka helposti henkilö voi saada järjestelmän, laitteen, ohjelman tai palvelun käyttöönsä Lähde: Tietotekniikan termitalkoot Ominaisuus? Henkilö? Käyttöönsä? 3

Saavutettavuus: määritelmiä (2/2) W3C / Web Accessibility Initiative (WAI) / WCAG 1.0: sisältö on saavutettavaa silloin, kun toimintarajoitteinen henkilö pystyy käyttämään sitä mutta: myös ikääntyneiden, erikielisten (?), mobiilikäyttäjien jne. tulee pystyä käyttämään Webin palveluita erilaisissa käyttötilanteissa pystyä käyttämään Webin palveluita? Kuluttajina / käyttäjinä (consumer / user) Tuottajina! (author) 4

Saavutettavuus: arviointi? Ei pelkästään (verkko)sisällön saavutettavuutta (tuotantojärjestelmät, asiakasohjelmat) W3C: WCAG, ATAG, UAAG Tulee olla arvioitavissa! WAI saavutettavuuden tasot (A, AA, AAA) Alustava arviointi Kattava arviointi Jatkuva tarkkailu Arviointimenetelmät? Automaattinen (tarkistustyökalut) Käsin tehtävä (asiantuntija-arviointi + tarkistustyökalut) 5

Arviointi: määritelmiä Alustavalla arvioinnilla (preliminary review) pyritään löytämään karkeimmat saavutettavuuteen vaikuttavat virheet verkkosivustosta, jotta varsinainen kattava arviointi olisi edes mahdollista tai taloudellisesti kannattavaa suorittaa. (Kaikuvuo 2006) Kattavalla arvioinnilla (conformance evaluation) pyritään määrittämään sivuston saavutettavuustaso W3C:n saavutettavuussuosituksiin nähden. (Kaikuvuo 2006) 6

Arviointi: alustava arviointi (W3C) Sivuvalikoiman päättäminen Käsin tehtävät tarkistukset Koneellinen tarkistaminen eli automaattisten tarkistinten käyttö Ilmiöiden todentaminen ja raportointi (tulosten summaaminen) Määritetään kattava sivuvalikoima arvioitavasta sivustosta (saavutettavuuden kannalta ongelmallisia sivuja, paljon käytettyjä sivuja jne.) Sivujen tarkastelu graafisella selaimella (kuvien näyttö pois päältä, ilman ääntä, näyttökokoa vaihdellen jne.) Sivujen tarkastelu erikoisselaimella (joko ääni- tai tekstiselain, onko vastaava tieto saatavilla kuin graafisella selaimella?) Saavutettavuuden tarkistustyökalujen käyttö (tarkistetaan sivusto vähintään kahdella tarkistustyökalulla kiinnittäen huomiota virheisiin) Havaintojen raportointi Jatkotoimenpiteiden suosittelu (lähde: Kaikuvuo 2006 ja WAI) 7

Arviointi: kattava arviointi (W3C) (1/5) Arvioinnin laajuuden määrittely Koneellinen tarkistaminen eli automaattisten tarkistinten käyttö Käsin tehtävät tarkistukset Ilmiöiden todentaminen ja raportointi (tulosten summaaminen) Sivuston laajuuden ja sijainnin määrittely Arvioitavan sivuston osan määrittäminen Tavoitetason määrittäminen Sivuston merkkauksen tarkistaminen Saavutettavuuden tarkistustyökalujen käyttö Sivujen tarkastelu graafisella selaimella Sivujen tarkastelu erikoisselaimella Sivuston tarkistaminen saavutettavuuden tarkistuslistaa hyödyntäen Kieliasun ja käytetyn kielen tarkistus Havaintojen raportointi Jatkotoimenpiteiden suosittelu Saavutettavuustason todentaminen ja ilmoittaminen. Arviointiryhmä Arviointiryhmä Arviointiryhmä Arviointiryhmä, esimerkiksi W3C:n HTML- ja CSS-validaattorit Arviointiryhmä, esimerkiksi TAW ja WebXACT Watchfire Arviointiryhmä, mahdollisesti loppukäyttäjät Arviointiryhmä, mahdollisesti loppukäyttäjät Arviointiryhmä, mahdollisesti loppukäyttäjät Arviointiryhmä ja loppukäyttäjät Arviointiryhmä Arviointiryhmä Arviointiryhmä. (lähde: Kaikuvuo 2006 ja WAI) 8

Arviointi: kattava arviointi (W3C) (2/5) Sivuston laajuuden ja sijainnin määrittely Arvioitavan sivuston osan määrittäminen Tavoitetason määrittäminen 9

Arviointi: kattava arviointi (W3C) (3/5) Sivuston merkkauksen tarkistaminen Arviointiryhmä, esimerkiksi W3C:n HTML- ja CSSvalidaattorit http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ HTML Validator Firefoxille: http://users.skynet.be/mgueury/mozilla Saavutettavuuden tarkistustyökalujen käyttö Arviointiryhmä, esimerkiksi TAW ja WebXACT Watchfire TAW: http://www.tawdis.net/taw3/cms/en WebXACT: http://webxact.watchfire.com/ 10

Arviointi: kattava arviointi (W3C) (4/5) Sivujen tarkastelu graafisella selaimella Firefox, Opera, IE Sivujen tarkastelu erikoisselaimella Teksti- ja ääniselain Esim. Lynx ja JAWS tai FANGS Fangs: http://www.standardsschmandards.com/projects/fangs Sivuston tarkistaminen saavutettavuuden tarkistuslistaa hyödyntäen http://www.w3.org/tr/wcag10/full-checklist.html Kieliasun ja käytetyn kielen tarkistus 11

Arviointi: kattava arviointi (W3C) (5/5) Havaintojen raportointi Jatkotoimenpiteiden suosittelu korjaukset tai hyvien käytäntöjen korostaminen Saavutettavuustason todentaminen ja ilmoittaminen. Tämä sivusto noudattaa W3C:n antamia "Web Content Accessibility Guidelines 1.0" -ohjeita, jotka löytyvät osoitteesta http://www.w3.org/tr/1999/wai- WEBCONTENT-19990505, A -tasolla. 12

Tapaus Avustajaportti 13

Tapaus Avustajaportti: taustaa (1/2) Kesto: 2004 2007 Yhteistyökumppanit: Invalidiliitto ry Rahoittaja: Raha-automaattiyhdistys ry Verkkosivut: www.avustajaportti.fi Verkossa toimiva henkilökohtaisten avustajien välitys- ja informaatiopalvelu. 14

Tapaus Avustajaportti: taustaa (2/2) Henkilökohtaisten avustajien välityspalvelu Työvuorojen suunnittelu ja raportointi kalenterinäkymän avulla Ulkoasun räätälöinti teemojen avulla (tekstikoko, palstoitus ja väritys) Selkeä ja helppokäyttöinen käyttöliittymä myös mobiililaitteille Omien taitojen ja valmiuksien markkinointi Avustajien taitojen ja valmiuksien automaattinen vertailu avuntarpeisiin 15

Tapaus Avustajaportti: saavutettavuus käytännössä (1/2) Saavutettavuuden tavoitetasoksi jo määrittelyvaiheessa A-taso (WCAG 1.0) Saavutettavuus huomioitiin toteutuksen tavoitteena alusta lähtien. Rajoitteita määrittelyyn ja tekniseen toteutukseen. Suunnittelu- ja kehitysvaiheessa käytettiin hyväksi käyttäjäkeskeisen suunnittelun menetelmiä (mm. Contextual Inquiry, Scenario Based Design) toteutunut saavutettavuuden taso: (lähes) kaksois-a 16

Tapaus Avustajaportti: saavutettavuus käytännössä (2/2) Saavutettavuus huomioitiin vaatimuksissa ja teknisessä toteutuksessa Rajauksia! (esim. JavaScript) Käytettiin erillistä saavutettavuusasiantuntijaa osana kehitystiimiä Suoritettiin saavutettavuuden jatkuvaa tarkkailua ( korjaukset) Saavutettavuus huomioitiin käyttäjätestauksessa Suoritettiin alustava ja kattava arviointi W3C:n ohjeistuksen mukaan 17

Tapaus Avustajaportti: huomioita (saavutettavuus) Arviointiin liittyvää ohjeistusta jouduttiin muokkaamaan projektin tarpeisiin liian yleisenä Monimutkaisemmat tarkistuskohdat testattiin todellisilla, toimintarajoitteisilla käyttäjillä (kuten muukin toiminta) WCAG 1.0 tarkistuskohta 14.1, Käytä niin selkeätä ja yksinkertaista kieltä kuin sivuston sisällön kannalta on mahdollista Arviointia varten jouduttiin kehittämään uusia menetelmiä johtuen käyttäjäautentikoinnin käytöstä portaalissa. 18

Tapaus Avustajaportti: Zoom-asettelu Zoom-asettelu Tavallinen teema 19

Tapaus Avustajaportti: arviointi Toteutettiin osana diplomityötä (Kaikuvuo 2006: Saavutettavuus mukautuvan verkkopalvelun suunnittelussa ja toteutuksessa ) Valittu saavutettavuustaso A Kattava arviointi käytännössä työlästä 20

Tapaus Avustajaportti: toimenpiteet arvioinnissa (1/5) Jatkuva arviointi ja parantaminen projektin alusta lähtien pyrittiin takaamaan se, että lopputuote vastaisi asetettuja ehtoja ja ettei projektin loppuvaiheessa ilmenisi yllättäviä ja mahdollisesti kalliita ongelmia. Pilotointivaiheessa kattava arviointi ja käyttäjätestaus kohteena rajatulle käyttäjäryhmälle julkisessa käytössä ollut pilotointivaiheen versio Avustajaportaalista. 21

Tapaus Avustajaportti: toimenpiteet arvioinnissa (2/5) Edustava sivuvalikoima saavutettavuuden kannalta haastavia sivuja, keskeisiä toimintoja huomioitiin eri käyttäjäroolit (6) yhteensä 21 eri sivua 21 * 6 sivua arvioinnissa! arviointimatriisi havainnollisuus?, käytännöllisyys? 22

Tapaus Avustajaportti: toimenpiteet arvioinnissa (3/5) Validointi W3C:n HTML- ja CSS-validaattorit HTML-validointi Firefox selaimen Web Developer laajennuksen avulla (salasanasuojatut sivut ongelmallisia) Automaattitarkistimet WebXAct Watchfire TAW (Web Accessibility Test) 23

Tapaus Avustajaportti: toimenpiteet arvioinnissa (4/5) Tarkastelu graafisilla selaimilla Firefox, IE, Opera, Konqueror Tarkastelu erikoisselaimella tekstiselain: Lynx ääniselainta ei käytetty (kustannukset, taitotaso) WCAG 1.0 tarkistuslistan läpikäynti Kielen tarkistus käyttäjätestit ja asiantuntija-arviointi 24

Tapaus Avustajaportti: toimenpiteet arvioinnissa (5/5) Käyttäjät mukana testeissä Raportointi Todennettu saavutettavuustaso lähes kaksois-a 25

Tapaus Avustajaportti: puutteita Luonne Ongelma Tekninen Subjektiivinen Havaintomenetelmä HTML merkkauksen oikeellisuus x W3C:n HTML -validaattori / asiantuntija-arvio CSS tyylitiedostojen oikeellisuus x W3C:n CSS -tarkistin / asiantuntijaarvio Portaalissa käytetty kieli x Käyttäjätestaus, asiantuntija-arvio Portaalissa käytetyt termit x Käyttäjätestaus, asiantuntija-arvio Lokalisaation liittyvät ongelmat x x Käyttäjätestaus, asiantuntija-arvio Käytetty kirjasin x x Käyttäjätestaus Layout x x Käyttäjätestaus Kohdistaminen syöttölomakkeissa x Käyttäjätestaus (lähde: Kaikuvuo 2006) 26

Tapaus Avustajaportti: havaitut ilmiöt Havaittu ilmiö Käyttäjien heterogeenisyys oletettuun verrattuna. Kohderyhmäajattelu. Ulkoasuteemojen hyödyntämisen vähäisyys. Lomakkeiden käytössä ilmenneet ongelmat. Toteutustekniikkaan liittyvät ongelmat (PHP/PEAR/QuickForm) Autentikointia vaativan verkkopalvelun saavutettavuuden arviointi Arviointia koskevan ohjeistuksen puutteet. Syy Oletukset käyttäjäkunnan homogeenisyydestä. Palvelun oletettu käyttäjäkunta tarkasti rajattu (asiakkaan rajaus). Lopputyön aikataulutus suhteessa projektin aikatauluun. Suositusten tietty puutteellisuus, vähäinen kokemus liikuntarajoitteisten ihmisten verkon käytöstä. Valmiiden ohjelmakirjastojen suoraviivaisuus. Koneelliset tarkistimet eivät useimmiten osaa tarkistaa salasanasuojattuja sivustoja. Ohjeistukset ovat pääsääntöisesti yleisiä ja hieman epätarkkoja toteutusprojektin tarpeisiin nähden. Mahdollinen ratkaisu Käyttäjän tarkempi mallintaminen ja huomioon otto. Käyttäjän tarkempi mallintaminen ja huomioon otto. Huomioidaan paremmin projektin aikataulun puitteissa. Parannetaan toimintaa käyttäjätestauksen tulosten perusteella. Räätälöinti saavutettavuustavoitteiden saavuttamiseksi. Selainlaajennusten käyttö apuna, erityistoimenpiteet (sessiotunniste ja niin edelleen, vertaa 6.2.2) Omien, projektikohtaisten, ratkaisujen tekeminen pohjautuen saatuihin kokemuksiin. 27

Lähteitä W3C:n saavutettavuusaloite (WAI): http://www.w3.org/wai/ Kaikuvuo, Ilkka. 2006 Saavutettavuus mukautuvan verkkopalvelun suunnittelussa ja toteutuksessa. http://matriisi.ee.tut.fi/hypermedia/julkaisut/di_ilkka_kaikuvuo.pdf 28

ilkka.kaikuvuo@tut.fi 29