4 Verkkosisällön saavutettavuus Verkkosisällön saavutettavuus on informaation saavutettavuuden erikoistapaus. Verkkosisällön saavutettavuus kohdistaa huomionsa verkkopalvelun käyttöliittymärajapintaan (vrt. XHTML), mutta puhuu hieman myös kognitiivisesta saavutettavuudesta ja prosesseista verkon takana Verkkosisällön saavutettavuusohje 1.0 ja informatiivinen dokumentaatio Saavutettavuuden tasot Arviointi ja menetelmät Section 508 yms. 71
4.1 Verkkosisällön saavutettavuusohjeet Verkkosisällön saavutettavuusohje 1.0 (Web Content Accessibility Guidelines 1.0, WCAG 1.0) pitkälti määrittelee mitä Web(- sisällön) saavutettavuudella tarkoitetaan - normatiivisena perustana WCAG 1.0 - suositus ("30 s" mutta vain osa...) - ja kokoelma ohjeita joihin tukeutuen suositusta tulkitaan ja sovelletaan (yleensä asian tätä puolta ei erikseen mainita...) Saavutettavuusohje on W3C-suositus vuodelta 1999 (WAI-toimialue) - W3C-suosituspolun tulos, johon liittyy errata - englanninkielinen, mutta käännetty myös suomeksi WCAG 2.0 työn alla (periaatteessa yhteensopivia) 72
4.2 Verkkosisällön saavutettavuusohjeet, dokumentaatio Ks. http://www.w3c.org/wai/resources/ Keskeiset ohjeet - Web Content Accessibility Guidelines 1.0 (WCAG 1.0) - checkpoints (WCAG 1.0:n liite) - Tekniikat - Techniques for Web Content Accessibility Guidelines 1.0 - Accessibility improvements in HTML 4.0 - Accessibility Features of SMIL, SVG, CSS -... - Arviointi - Evaluating Web Sites for Accessibility - lisäksi eritasoista promootio- ja oppimateriaali, esimerkkejä, yms. 73
4.3 WCAG 1.0 pähkinänkuoressa (1/2) Saavutettavuusohjeen WCAG 1.0 sisältö lyhykäisyydessään: 1. Tarjoa samansisältöinen vaihtoehto ääni- ja kuvaperustaiselle tiedolle. 2. Älä luota yksin värien käyttöön. 3. Käytä merkkaus- ja tyylikieliä ja käytä niitä oikein. 4. Koodaa tekstin luonnollinen kieli selvästi (dokumentin tekniseen otsikkoon). 5. Käytä taulukoita siten että ne voidaan esittää eri tavoin ja eri välineillä. 6. Varmista että uusia teknologioita hyödyntävät sivut toimivat hyvin myös vanhemmilla asiakasohjelmilla....jatkuu 74
4.4 WCAG 1.0 pähkinänkuoressa (2/2) 7. Varmista että käyttäjä voi hallita sovelluksen aikariippuvia osia. 8. Varmista sulautettujen tai upotettujen käyttöliittymäosien suora saavutettavuus. 9. Suunnittele laiteriippumattomasti. 10. Käytä ratkaisuja jotka toimivat myös tällä hetkellä (käytä tarvittaessa väliaikaisia ratkaisuja) 11. Käytä W3C-teknologioita ja ohjeita. 12. Pidä käyttäjä jatkuvasti selvillä asiayhteydestä ja sijainnista sovelluksessa. 13. Tarjoa selkeä navigointimekanismi. 14. Varmista että dokumentit ovat selkeitä ja yksinkertaisia. 75
4.5 Ohjeet vs. tarkistuslista Kommentteja: - ok ohjeita, mutta esitietojen ja taitojen pitää olla kunnossa - selvästi heuristiikka miten noudatetaan/arvioidaan? Käytännössä verkkosisällön saavutettavuusohjetta sovelletaan juuri ohjeen tarkistuslistaan vedoten - ks. http://www.w3c.tut.fi/translations/wai/wcag10-checklist/ -...se ryhmittelee tarkistuskohteet (checkpoint) kolmitasoiseksi rakenteeksi tärkeysasteisiin (priority) vedoten (Huom. järjestys!) Ohjetta on kritisoitu mm. eritasoisten ohjeiden sekoittamisesta, painotuksista, numeroinnista ja sekavuudesta (mutta näihin emme voi vaikuttaa!) 76
4.6 Ohjeiden tärkeysasteet ja tasoluokitus Taso 1 (1 ~ A) - Sisällöntuottajan pitää noudattaa tätä tarkistuskohtaa. Mikäli kohtaa ei noudateta, yhden tai useamman käyttäjäryhmän on mahdotonta saavuttaa dokumentin sisältämä informaatio. Kyseinen tarkistuskohta on perusehto, jonka avulla tietyt ryhmät kykenevät käyttämään verkkoaineistoa. Taso 2 (1 ja 2 ~ AA) - Sisällöntuottajan tulisi noudattaa tätä tarkistuskohtaa. Muussa tapauksessa yhden tai useamman käyttäjäryhmän voi olla vaikeaa saavuttaa dokumentin sisältämä informaatio. Tämän tarkistuskohdan noudattaminen poistaa suuria esteitä verkkosivujen käytön tieltä. Taso 3 (1, 2 ja 3 ~ AAA) - Sisällöntuottaja voi noudattaa tätä tarkistuskohtaa. Muussa tapauksessa yhden tai useamman käyttäjäryhmän voi olla hieman hankalaa saavuttaa dokumentin sisältämä informaatio. Tarkistuskohdan noudattaminen parantaa verkkoaineiston saavutettavuutta. 77
4.7 Saavutettavuusohjeistus versus tekniikat Ohje ja tarkistuslista eivät käytännössä itsessään tarjoa esimerkkejä esim. saavutettavan XHTML-dokumentin kirjoittamiseen toteutustasolla Ohje Techniques for Web Content Accessibility Guidelines 1.0 jäsentää saavutettavuusohjeen tekniikoiden näkökulmasta. Se sisältää viittauksia täsmällisimpiin ohjeisiin: - Core Techniques for Web Content Accessibility Guidelines 1.0 - HTML Techniques for Web Content Accessibility Guidelines 1.0 - CSS Techniques for Web Content Accessibility Guidelines 1.0 Yo. dokumentit eivät kuitenkaan ole "suosituksia", ts. tarkkaan ottaen normatiivinen saavutettavuusohje jättää melko paljon tulkinnanvaraa -...mutta käytännössä tekniikkaohjeet luetaan myös ohjeen piiriin 78
4.8 Viittausrakenne: tarkistuslista, ohje, tekniikat ja HTML Ohjeen seuraaminen koetaan joskus hankalaksi koska se sisältää runsaasti viittauksia "erisisältöisten, mutta samannäköisten" dokumenttien välillä Ohjeen suomenk. käännös ei toteuta linkkirakennetta (eikä siten ole kovin hyödyllinen tuotantokäytössä) (Huom. suom. tarkistuslista sisältää!) Taso 1 Taso 2... Taso3... Tarkistuslista cp4.1 Merkitse selvästi dokumentin kielen vaihtuminen... Saavutettavuusohje Guideline 1: Provide equivalent... cp 1.1, 1.2,..., 1.5 Guideline 2: Don't rely on color... cp 2.1, 2.2 Guideline 3: Use markup... cp 3.1, 3.2,..., 3.7 Guideline 4: Clarify natural language usage cp 4.1, 4.2, 4.3 Guideline 5: Create tables that...... Yleiset tekniikat (Viittaukset jaoteltu tekniikoittain)... Guideline 3: Use markup... Guideline 4: Create tables that... cp 4.1: HTML techniques: Identifying changes in language cp 4.2 cp 4.3. Guideline 5: Create tables that...... HTML-tekniikat (Core/HTML/CSS)... 2.1 Identifying changes in language cp 4.1: Example. <P>And with a certain <SPAN lang="fr">je ne sais quoi</span>, she entered both the room, and his life, forever. <Q>My name is Natasha,</Q> she said. <Q lang="it">piacere,</q> he replied in impeccable Italian, locking the door. Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0 Web Content Accessibility Guidelines 1.0 Techniques for Web Content Accessibility Guidelines 1.0 HTML Techniques for Web Content Accessibility Guidelines 1.0 79
4.9 WCAG 1.0 -tarkistuslistan käyttö pähkinänkuoressa Taso 1: perustaso (ks. http://www.w3c.tut.fi/translations/wai/wcag10-checklist/) - vrt. esimerkki "Kiinan muuri" Taso 2: keskeisiä parannuksia: - hyvälaatuinen merkkaus, ei teknisiä jippoja, ei pop-up -ikkunoita - metatiedot, sivuston hyvä jäsennys, navigointi, sisällysluettelo, yms. - Taulukot sivuntaitossa: Huom: Kohdat 5.3. & 5.4. vs. monikanavaisuuden mahdollisuudet (HTML=julkaisuformaatti) Taso 3: haasteita: - merkkausrakenteen rikastaminen, tabindex, [linkkien ryhmittely ja merkkaus], - kielenhuoltoa, jäsennystä, loppuviilausta, jne. K: Mihin pyrkiä käytännössä? V: "Tasoon 1 (+ ne piirteet jotka oleellisia)" 80
4.10 Verkkosisällön saavutettavuusohjeistuksen ala WAI-ohjeistus tähtää käytön esteiden poistamiseen; rajaus on rationaalinen: pyrkimys on tehdä "mahdollisimman paljon hyvää realistisin resurssein" Tiedon hyväksyttävyys esim. arvot ja uskomukset WCAG 1.0 (vrt. matkaketju!) Tiedon sinänsä ymmärrettävyys Tiedon esitystavan ymmärrettävyys Tiedon tekninen saatavuus Täydentävä informaatio eri aisteille Tiedon esitysrakenteen ymmärrettävyys Informaation äärelle pääsyn esteet Verkkosisällön käyttöliittymän käytön esteet Selaimen käytön esteet Käyttöjärjestelmän käyttöliittymän esteet Tietokoneen käytön fyysiset esteet esim. käsitteet, esitiedot, konteksti esim. kirjoitustyyli esim. apuvälineiden käyttö esim. kuvien alt-teksti esim. sivurakenne, kappalejako esim. taulukoiden looginen käyttö esim. lomakkeet ja linkit esim. suosikit, animaation hallinta esim. selaimen avaaminen esim. koneen käynnistäminen 81
4.11 Saavutettavuusohjeiden noudattamisen vaativuus Tavoite: verkkosisältö kaikille...mutta "vain" heuristinen ohje - pyrkii kuvaamaan hyvän käytännön saavutettavuuden konkreettiseen toteuttamiseen - edellyttää harkintaa - osa vaatimuksista on ehdottomuudessaan epärealistisia (mutta näiden henki on kuitenkin melko selvä) - huono toteutus voi seurata ohjeen kirjainta noudattamatta sen henkeä (Väli)johtopäätös: ohje tarjoaa normin josta tingitään vain hyvin perustein (käytännössä ns. kohtuuton taakka, undue burden) Myös pelkkä ohjeen hengen noudattaminen parantaa saavutettavuutta mutta ei välttämättä ansaitse "saavutettavuusmerkkiä" (ts. sertifiointi on ongelma!) 82
4.12 WAI-pikavinkit (jos homma tuntuu liian hankalalta...) Kuvat & animaatiot. Käytä alt-attribuuttia selittämään tehtävä. Kuvakartat. Käytä aktiivialueisiin selainpuolen map:iä ja tekstiä. Multimedia. Liitä audioon tekstitys ja kuvausteksti sekä videoon kuvaus. Hypertekstilinkit. Tee linkkitekstistä sellaisenaan ymmärrettävä esim. vältä "klikkaa tästä" tyyppisiä selityksiä. Sivujen organisointi. Käytä otsikoita, listoja ja yhtenäistä rakennetta. Käytä CSS:ää sommitteluun ja tyyliin kun mahdollista. Käyrät & kaaviot. Käytä yhteenvetoa tai longdesc-attribuuttia. Skriptit, appletit & plug-init. Tarjoa vaihtoehtoinen sisältö, jos aktiiviset piirteet ovat saavuttamattomia tai niitä ei tueta. Kehykset. Käytä noframes:iä ja selventäviä otsikoita. Taulukot. Tee rivien lukemisesta ymmärrettävää. Tee yhteenveto. Tarkista lopputulos. Validoi. Käytä http://www.w3.org/tr/wcag ohjeita, tarkistuslistaa ja työkaluja. 83