1 Havaittava
Informaatio ja käyttöliittymäkomponentit pitää esittää tavoilla, jotka käyttäjä voi havaita.
1.1 Tekstivastineet
Tarjoa tekstivastineet kaikelle ei-tekstuaaliselle sisällölle siten, että sisältö voidaan muuttaa muihin tarvittaviin muotoihin, kuten isokokoiseksi tekstiksi, pistekirjoitukseksi, puheeksi, symboleiksi tai yksinkertaisemmaksi kieleksi.
1.2 Aikasidonnainen media
Tarjoa vastine aikasidonnaiselle medialle.
1.2.1 Pelkkä audio tai pelkkä video (tallennettu)
Onnistumiskriteerin taso: A
Tarjoa vastine pelkälle audiolle ja pelkälle videolle.
1.2.2 Tekstitys (tallennettu)
Onnistumiskriteerin taso: A
Tarjoa tekstitykset kaikelle synkronoidussa mediassa olevalle tallennetulle äänisisällölle.
1.2.3 Kuvailutulkkaus tai mediavastine (tallennettu)
Onnistumiskriteerin taso: A
Tarjoa kuvailutulkkaus kaikelle ennalta nauhoitetulle videosisällölle synkronoidussa mediassa.
1.2.4 Tekstitys (suorissa lähetyksissä)
Onnistumiskriteerin taso: AA
Tarjoa tekstitykset kaikelle suoralle äänisisällölle synkronoidussa mediassa.
1.2.5 Kuvailutulkkaus (tallennettu)
Onnistumiskriteerin taso: AA
Tarjoa videoiden visuaalisen sisällön synkronoitu puhuttu kuvaus.
1.2.6 Viittomakieli (tallennettu)
Onnistumiskriteerin taso: AAA
Tarjoa viittomakielen tulkkaus kaikelle nauhoitetulle äänisisällölle.
1.2.7 Pidennetty kuvailutulkkaus (tallennettu)
Onnistumiskriteerin taso: AAA
Tarjoa laajennettu kuvailutulkkaus kaikelle esinauhoitetulle videosisällölle, jos tauot alkuperäisessä äänessä eivät ole riittäviä.
1.2.8 Mediavastine (tallennettu)
Onnistumiskriteerin taso: AAA
Tarjoa tekstivaihtoehto kaikelle ennalta nauhoitetulle synkronoidulle medialle ja pelkälle äänisisällölle.
1.2.9 Pelkkä audio (suorissa lähetyksissä)
Onnistumiskriteerin taso: AAA
Tarjoa vaihtoehto pelkälle suoralle äänisisällölle.
1.3 Mukautettava
Tuota sisältöä, joka voidaan esittää eri tavoin (esimerkiksi yksinkertaisemman asettelun avulla) ilman sisällön tai rakenteen menettämistä.
1.3.1 Informaatio ja suhteet
Onnistumiskriteerin taso: A
Varmista, että esitystavan välittämät tiedot ja suhteet voidaan määrittää ohjelmallisesti tai että ne ovat saatavilla tekstinä.
1.3.2 Merkitykseen vaikuttava järjestys
Onnistumiskriteerin taso: A
Varmista, että sisältö esitetään mielekkäässä järjestyksessä.
Optimaalisessa tilanteessa sisältö on samassa järjestyksessä visuaalisesti kuin koodissa.
1.3.3 Aistinvaraiset ominaispiirteet
Onnistumiskriteerin taso: A
Vältä ohjeita, jotka perustuvat pelkästään aistien ominaisuuksiin (esim. "klikkaa punaista painiketta").
1.3.4 Asento
Onnistumiskriteerin taso: AA
Varmista, että sisältöä voi käyttää sekä pysty- että vaakasuunnassa.
1.3.5 Määrittele syötteen tarkoitus
Onnistumiskriteerin taso: AA
Määritä lomakekenttien tarkoitus ohjelmallisesti.
1.3.6 Määrittele tarkoitus
Onnistumiskriteerin taso: AAA
Varmista, että käyttöliittymäkomponenttien, kuvakkeiden ja alueiden tarkoitus voidaan määrittää ohjelmallisesti.
1.4 Erottuva
Helpota käyttäjiä näkemään ja kuulemaan sisältö sekä erota etuala taustasta.
1.4.1 Värien käyttö
Onnistumiskriteerin taso: A
Älä käytä väriä ainoana visuaalisena keinona välittää tietoa.
1.4.2 Audion kontrollointi
Onnistumiskriteerin taso: A
Tarjoa mekanismi, jolla voidaan pysäyttää, keskeyttää tai säätää automaattisesti toistettavan äänen voimakkuutta.
1.4.3 Kontrasti (minimi)
Onnistumiskriteerin taso: AA
Varmista riittävä kontrasti tekstin ja taustan välillä.
1.4.4 Tekstin koon muuttaminen
Onnistumiskriteerin taso: AA
Salli tekstin koon muuttaminen 200 %:iin ilman, että sisältö tai toiminnallisuus heikkenee.
1.4.5 Tekstiä esittävät kuvat
Onnistumiskriteerin taso: AA
Käytä tekstiä tekstiä esittävien kuvien sijaan.
1.4.6 Kontrasti (parannettu)
Onnistumiskriteerin taso: AAA
Tarjoa korkeampi kontrastisuhde tekstille ja tekstiä sisältäville kuville.
1.4.7 Hiljainen taustaääni tai ei taustaääntä
Onnistumiskriteerin taso: AAA
Varmista, että äänisisällössä ei ole taustakohinaa tai että se on vähäistä.
1.4.8 Visuaalinen esitystapa
Onnistumiskriteerin taso: AAA
Tarjoa käyttäjille mahdollisuus hallita etu- ja taustavärejä, riviväliä ja tekstilohkojen leveyttä.
1.4.9 Tekstiä esittävät kuvat (ei poikkeusta)
Onnistumiskriteerin taso: AAA
Vältä tekstiä esittäviä kuvia kaikissa tapauksissa.
1.4.10 Responsiivisuus
Onnistumiskriteerin taso: AA
Varmista, että sisältö mukautuu katselualueelle ilman vaakasuuntaista vieritystä.
1.4.11 Ei-tekstimuotoisen sisällön kontrasti
Onnistumiskriteerin taso: AA
Varmista riittävä kontrasti käyttöliittymäkomponenteille ja graafisille objekteille.
1.4.12 Tekstin välistys
Onnistumiskriteerin taso: AA
Varmista, että sisältö on luettavissa ja käytettävissä, kun käyttäjät säätävät välejä.
1.4.13 Sisältö osoitettaessa tai kohdistettaessa
Onnistumiskriteerin taso: AA
Varmista, että hover- tai focus-toiminnon laukaisema lisäsisältö on poistettavissa, osoitettavissa ja pysyvää.