WCAG 2.1 Uudet kriteerit

Transkriptio

1 WCAG 2.1 Uudet kriteerit

2 Web Content Accessibility Guidelines 2.1 Verkkosisällön uudet saavutettavuuskriteerit (WCAG 2.1) Kimmo Sääskilahti Tero Pesonen

3 WCAG:n versiot 1.0 toukokuu joulukuu kesäkuu 2018

4 WCAG 2.1 sisältää 17 uutta kriteeriä A: 5 kriteeriä AA: 7 kriteeriä AAA: 5 kriteeriä

5 Uudet kriteerit huomioivat aiempaa paremmin Mobiilisovellusten ja -näkymien saavutettavuuden Heikkonäköiset käyttäjät Kognitiivisen saavutettavuuden

6 1.3.4 Asento (AA) Sisältöä ei ole rajoitettu vain tiettyyn laitteen asentoon, kuten vaaka- tai pystyasentoon, paitsi kun asento on olennainen.

7 1.3.4 Asento (AA)

8 1.3.5 Määrittele syötteen tarkoitus (AA) Kun syötekenttä kerää tietoja käyttäjästä, sen tarkoitus voidaan selvittää ohjelmallisesti seuraavissa tapauksissa: Tarkoitus lukeutuu WCAG 2.1:n Syötekenttien käyttötarkoitus osiossa listattuihin. Syöttökenttä on toteutettu käyttäen teknologiaa, joka mahdollistaa tarkoituksen kuvaamisen.

9

10 Responsiivisuus (AA) Sisältö voidaan esittää ilman kahdensuuntaista vierittämistä ilman, että sisällön osia tai toiminnallisuuksia menetetään Pystysuuntaan vieritettävässä sisällössä 320 CSS-pikselin levyisenä. Vaakasuuntaan vieritettävässä sisällössä 256 CSS-pikselin korkuisena. Lukuun ottamatta sisältöosia, joissa esitystapa on oltava kahdensuuntainen käytön tai merkityksen vuoksi.

11

12 Ei-tekstuaalinen kontrasti (AA) Seuraavien elementtien tummuuskontrastisuhde viereiseen väriin/väreihin tulee olla suurempi kuin 3:1: Käyttöliittymäkomponentit: Visuaalinen informaatio, joka vaaditaan käyttöliittymäkomponentin ja sen eri tilojen tunnistamiseen. Graafiset objektit: Grafiikan osat, joita vaaditaan sisällön ymmärtämiseksi, paitsi kun objektin ulkoasu välittää olennaista tietoa.

13 Ei-tekstuaalinen kontrasti (AA) Kontrastisuhdevaatimus ei koske komponentteja, jotka ovat epäaktiivisia, tai joiden ulkoasu on määritelty käyttäjäagentin toimesta ja joita sisällön tuottaja ei ole muokannut.

14 Tekstin välistys (AA) Kun sisältö on toteutettu käyttäen merkkauskieliä, joka mahdollistaa jäljempänä lueteltujen ominaisuuksien asettamisen, voidaan sisältö asetella menettämättä sen osia tai toiminnallisuutta seuraavasti:

15 Tekstin välistys (AA) Rivin korkeus (riviväli) vähintään 1,5 kertaa fontin kokoinen Kappaleen jälkeinen tyhjä tila vähintään 2 kertaa fontin kokoinen Kirjainten väli vähintään 0.12 kertaa fontin kokoinen Sanojen väli vähintään 0.16 kertaa fontin kokoinen

16 Sisältö osoitettaessa tai kohdistettaessa (AA) Jos hiiren osoittimen vieminen elementin päälle tai näppäimistökohdistuksen siirtäminen elementtiin tuo näkyviin lisää sisältöä, seuraavat ehdot pätevät: Piilotettavissa: Näkyviin tulleen sisällön saa piilotettua siirtämättä hiirtä tai näppäimistön fokusta. Ehto ei päde, jos sisältö on syötevirheestä kertova teksti, tai se ei peitä tai korvaa muuta sisältöä.

17 Sisältö osoitettaessa tai kohdistettaessa (AA) Osoitettavissa: Jos hiiren osoittimen vieminen elementin päälle tuo näkyviin uutta sisältöä, kohdistin voidaan viedä tämän uuden sisällön päälle ilman, että sisältö katoaa. Pysyvä: Uusi sisältö pysyy näkyvissä, kunnes hiiren kohdistin tai näppäimistöfokus siirretään pois, tai käyttäjä piilottaa sisällön, tai sisältö ei ole enää validia.

18

19 2.1.4 Kirjainnäppäin oikotiet (A) Jos sisältöön on toteutettu näppäinoikotie, joka käyttää vain yhtä kirjain- (mukaanlukien pienet ja isot kirjaimet), välimerkki-, numero- tai symbolinäppäintä, vähintään yksi seuraavista pätee:

20 2.1.4 Kirjainnäppäin oikotiet (A) Pois päältä: Näppäinoikotien voi kytkeä pois päältä. Uudelleenmäärittely: Näppäinoikotie voidaan määritellä uudelleen niin, että se käyttää yhtä tai useampaa muokkausnäppäintä (Ctrl, Alt, jne.) Aktiivinen vain kohdistettaessa: Näppäinoikotie on käytössä vain, kun elementillä on fokus.

21 2.5.1 Osoitineleet (A) Jos toiminnallisuus hyödyntää monipiste- tai reittiin perustuvia ohjauseleitä, voidaan sitä käyttää myös yhdellä osoittimella ja ilman reittiin perustuvaa elettä, paitsi kun ohjaustapa on toiminnolle olennainen.

22 2.5.1 Osoitineleet (A) Monipiste-eleitä käytetään mm. kosketusnäytöllisissä laitteissa. Esimerkkejä ovat kuvan suurentamiseen käytettävä nipistysele tai usean sormen pyyhkäisyeleet. Reittiin perustuvat ohjauseleet tarkoittavat pyyhkäisyeleitä, hiirellä raahaamista tai eleitä, joissa kohdistinta täytyy liikuttaa monimutkaisen polun mukaisesti.

23

24 2.5.2 Osoittimen peruutus (A) Kun toiminnallisuutta voidaan käyttää yhden osoittimen avulla, siihen pätee vähintään yksi seuraavista: Ei down-eventiä: Mikään toiminnon osa ei käytä down-eventiä.

25 2.5.2 Osoittimen peruutus (A) Keskeytä tai kumoa: Toiminnon päättäminen tapahtuu up-eventillä. Lisäksi toiminto voidaan perua ennen sen päättämistä, tai se voidaan kumota päättämisen jälkeen. Vastakkaisuus: Up-event kumoaa tapahtuman, jonka sitä edeltävä down-event aiheutti. Olennainen: Toiminnon päättäminen downeventillä on olennaista.

26 2.5.3 Nimilappu nimessä (A) Kun käyttöliittymäkomponentilla on nimilappu, joka on tekstiä tai tekstiä esittävä kuva, komponentin tekninen nimi (jonka mm. avustavat teknologiat näkevät) sisältää saman tekstin, kuin mikä esitetään myös visuaalisesti komponentin yhteydessä.

27 <a href= " > <img src= title="tilaa Helka-kortti!" alt= Tilaa Helka-kortti! width="343" height="123"> </a>

28 2.5.4 Liikeohjaus (A) Kun toiminto perustuu laitteen liikuttamiseen, voidaan se suorittaa myös pelkkien käyttöliittymäkomponenttien avulla. Liikeaktivointi voidaan myös kytkeä pois päältä (vahingossa aktivoinnin välttämiseksi). Ehto ei koske seuraavia tapauksia:

29 2.5.4 Liikeohjaus (A) Liikeaktivointi on toteutettu rajapinnan kautta, joka on saavutettava. Liike on olennainen. Jos liikeaktivointi poistetaan, toiminto menettää merkityksensä.

30 4.1.3 Tilasta kertovat viestit (AA) Kun sisältö on toteutettu merkkauskielellä, sen tilasta kertoville viesteille voidaan määrittää rooli tai ominaisuus, jonka avulla avustavat teknologiat osaavat esittää viestit käyttäjälle, ilman, että käyttäjän tarvitsee kohdistaa viestiä.

31

32 Kysymyksiä, kommentteja?