Standardit · WCAG 2.2
WCAG 2.2 -onnistumiskriteerit
Kaikki 86 WCAG 2.2 -onnistumiskriteeriä — 31 tasolla A, 24 tasolla AA, 31 tasolla AAA. 9 lisättiin versiossa 2.2; 17 versiossa 2.1; 60 on peräisin versiosta 2.0. Jokaisessa kohdassa on selkokielinen tiivistelmä, täyttämisohjeet ja virheet, joita näemme useimmin tuotannon auditoinneissa.
1. Havaittava
Tieto ja käyttöliittymäkomponentit on esitettävä käyttäjille tavoilla, jotka he voivat havaita.
- 1.1.1 A
Ei-tekstuaalinen sisältö
Jokaisella kuvalla, kuvakkeella, kaaviolla, ääniedostolla ja muulla ei-tekstuaalisella elementillä on oltava vaihtoehtoinen teksti, joka välittää saman tiedon — jotta ruudunlukuohjelman, pistekirjoituksen ja kytkinohjauksen käyttäjät saavat saman sisällön kuin näkevät käyttäjät.
- 1.2.1 A
Pelkkä ääni ja pelkkä video (esitallennettu)
Esiталlennettu ääni tarvitsee tekstimuotoisen litteroinnin. Esitallennettu äänettömäksi tarkoitettu video tarvitsee joko tekstikuvauksen tai äänitaidan, joka välittää saman tiedon — jotta kuulemis- tai näkemisvaikeuksista kärsivät käyttäjät saavat sisällön.
- 1.2.2 A
Tekstitys (esitallennettu)
Jokaisessa esitallennetussa videossa, jossa on ääni, on oltava synkronoitu tekstitys, joka kattaa dialogin, puhujien tunnistamisen ja merkitykselliset puheenvälilliset äänet — jotta kuurot ja huonokuuloiset käyttäjät saavat saman tiedon ääniraidalta kuin muutkin.
- 1.2.3 A
Kuvailutulkkaus tai mediavaihtoehto (esitallennettu)
Esitallennettu video tarvitsee joko kuvailutulkkausraidan tai täydellisen tekstivaihtoehdon kaikelle visuaaliselle tiedolle, jota ääniraita ei jo välitä — jotta sokeat käyttäjät saavat saman sisällön kuin näkevät katsojat.
- 1.2.4 AA
Tekstitys (live)
Synkronoidun median liveäänelle — verkkoseminaareille, suorille lähetyksille, virtuaalitapahtumille — on oltava reaaliaikaiset tekstitykset. Automaattiset tekstitykset voivat täyttää vaatimuksen, jos tarkkuus on riittävän korkea, mutta ammattimainen CART-tekstitys on varmin vaihtoehto.
- 1.2.5 AA
Kuvailutulkkaus (esitallennettu)
Esitallennettu video tarvitsee kuvailutulkkausraidan, joka kertoo tärkeät visuaaliset tiedot dialogin luonnollisten taukojen aikana. AA-tasolla pelkkä tekstilitterointi ei enää riitä — kuvailutulkkauksen on oltava äänimuodossa.
- 1.2.6 AAA
Viittomakieli (esitallennettu)
Esitallennetun synkronoidun median ääni saa viittomakielitulkkauksen. Tekstitys ei korvaa tulkkausta — monelle kuurolle viittomakieli on äidinkieli ja kirjoitettu kieli on toinen kieli.
- 1.2.7 AAA
Laajennettu kuvailutulkkaus (esitallennettu)
Kun dialogin tauot eivät ole riittävän pitkiä tavalliselle kuvailutulkkaukselle, videon on pysähdyttävä, jotta laajennettu kuvailutulkkaus voidaan toistaa — jotta sokeat käyttäjät saavat täyden visuaalisen kontekstin myös tiheässä ja nopeatahtisessa sisällössä.
- 1.2.8 AAA
Mediavaihtoehto (tallennettu)
Tallennettu synkronoitu media — ja pelkkä tallennettu video — tarvitsee täydellisen tekstivaihtoehdon, joka välittää kaiken saman tiedon. Se ylittää tekstityksen ja kuvailutulkkauksen: kyseessä on itsenäinen kattava asiakirja.
- 1.2.9 AAA
Vain ääni (suora lähetys)
Suorana lähetettävä pelkkä ääni — radiokanavoinnit, vain-ääni-neuvottelupuhelut, suorat podcastit — tarvitsee reaaliaikaisen tekstivaihtoehdon, kuten suoran tekstityksen, jotta kuulovammaiset käyttäjät saavat sisällön heti.
- 1.3.1 A
Tiedot ja suhteet
Visuaalisesti välitetyt tiedot ja suhteet — otsikot, luettelot, taulukot, lomakemerkinnät, ryhmittelyt — on myös ilmaistava merkinnässä, jotta avustava teknologia voi esittää ne. Pelkkä visuaalinen tyyli ei riitä.
- 1.3.2 A
Merkityksellinen järjestys
Kun sisällön lukemisjärjestyksellä on merkitystä ymmärtämisen kannalta, DOM-järjestyksen on vastattava visuaalista järjestystä. CSS-sijoittelu ja float, jotka sotkevat järjestyksen, rikkovat ruudunlukuohjelmat ja näppäimistönavigoinnin.
- 1.3.3 A
Aistinvaraiset ominaisuudet
Ohjeet eivät saa perustua yksinomaan muotoon, kokoon, sijaintiin, suuntaukseen, ääneen tai väriin. "Napsauta vihreää painiketta oikealla" sulkee pois käyttäjät, jotka eivät näe asettelua tai erota värejä.
- 1.3.4 AA
Suuntaus
Sisältöä ei saa lukita yhteen suuntaukseen — pysty tai vaaka — ellei kyseinen suuntaus ole olennainen. Pyörätuoliin kiinnitetyt tai puhelinta kiinteässä otteessa pitävät käyttäjät eivät pysty kääntämään laitetta.
- 1.3.5 AA
Tunnista syötteen tarkoitus
Lomakekentät, jotka keräävät yleisiä henkilötietoja — nimi, sähköposti, puhelin, osoite, luottokortti — on ilmoitettava tarkoituksensa ohjelmallisesti HTML:n autocomplete-attribuutilla. Tämä mahdollistaa selaimen automaattisen täytön ja avustavien työkalujen käyttöliittymän mukauttamisen.
- 1.3.6 AAA
Tunnista tarkoitus
Lomakekenttien lisäksi käyttöliittymäkomponenttien, kuvakkeiden ja alueiden tarkoitus on oltava ohjelmallisesti tunnistettavissa — jotta mukautuvat teknologiat voivat vaihtaa symboleja, yksinkertaistaa sivua tai piilottaa epäolennaiset osat.
- 1.4.1 A
Värin käyttö
Väri ei saa olla ainoa tapa välittää tietoa. Pakollisilla kentillä, virhetiloilla, linkeillä ja kaavioiden sarjoilla täytyy olla toissijainen vihje — teksti, kuvake, alleviivaus tai kuvio — jotta värisokeuden kanssa elävät käyttäjät saavat saman tiedon.
- 1.4.2 A
Äänenhallinta
Ääni, joka toistuu automaattisesti yli kolme sekuntia, täytyy voida keskeyttää, pysäyttää tai äänenvoimakkuutta täytyy voida säätää järjestelmävolyymin ulkopuolella — jottei se hukuta ruudunlukuohjelman puhetta.
- 1.4.3 AA
Kontrasti (minimi)
Tekstin kontrastisuhteen täytyy olla vähintään 4,5:1 taustaan nähden. Suurelle tekstille (18 pt tai enemmän, tai 14 pt lihavana) riittää 3:1. Logot ja koristeellinen teksti on vapautettu vaatimuksesta.
- 1.4.4 AA
Tekstin koon muuttaminen
Tekstin täytyy pysyä luettavana ja käytettävänä 200 %:n zoomiin asti ilman sisällön tai toiminnallisuuden menettämistä. Tekstitys ja tekstiä sisältävät kuvat on vapautettu vaatimuksesta.
- 1.4.5 AA
Tekstikuvat
Teksti tulee toteuttaa aitona tekstinä eikä rasteroituna kuvana, ellei kuva ole välttämätön (logo, käyttöliittymän kuvakaappaus) tai täysin käyttäjän muokattavissa.
- 1.4.6 AAA
Kontrasti (parannettu)
AAA-tason kontrasti: 7:1 leipätekstille ja 4,5:1 suurelle tekstille. Tiukempi kuin 1.4.3, tarkoitettu käyttäjille, joilla on merkittävä heikkonäköisyys ja jotka tarvitsevat korkeampaa kontrastia lukeakseen vaivatta.
- 1.4.7 AAA
Vähäinen tai puuttuva taustaääni
Puhepainotteisessa esiäänitetyssä äänessä taustaäänet on oltava vähintään 20 dB hiljaisempia kuin puhe, kokonaan poissa tai erikseen mykistettävissä — jotta kuulovammainen käyttäjä pystyy seuraamaan dialogia.
- 1.4.8 AAA
Visuaalinen esitystapa
Tekstilohkoissa käyttäjien on voitava säätää etu- ja taustaväriä, rivin leveyttä (enintään 80 merkkiä), tasausta (ei molemmilta reunoilta), riviväliä (1,5-kertainen) ja kappaleiden väliä (1,5-kertainen riviväli) — ilman vaakasuuntaista vieritystä 200 % zoomauksella.
- 1.4.9 AAA
Tekstikuvat (ei poikkeuksia)
AAA-taso: tekstikuvia ei sallita lainkaan, paitsi logot ja välttämättömät tapaukset (typografiaa havainnollistava kuvakaappaus). 1.4.5-kohdan "mukautettavuus"-poikkeus on poistettu.
- 1.4.10 AA
Uudelleenvuoto
Sisällön täytyy virrata yhteen sarakkeeseen 320 CSS-pikselin levyisessä näkymässä (pystysuunnassa vieritettävä sisältö) tai 256 pikselin korkeudessa (vaakasuunnassa vieritettävä sisältö) ilman tiedon tai toiminnallisuuden menettämistä. Kaksisuuntainen vieritys ei ole sallittu.
- 1.4.11 AA
Ei-tekstuaalinen kontrasti
Käyttöliittymäkomponenteilla (painikkeiden reunukset, lomakekenttien ääriviivat, kohdistuksen merkinnät, pelkät kuvakekontrollit) ja merkityksellisillä graafisilla elementeillä (kaavion sarjat, tilatunnukset) täytyy olla vähintään 3:1 kontrasti viereisiä värejä vasten.
- 1.4.12 AA
Tekstivälistys
Kun käyttäjät muuttavat tekstivälistystä — riviväli 1,5-kertaiseksi, kappaleiden väli 2-kertaiseksi fonttikokoon, kirjainväli 0,12 em, sanaväli 0,16 em — sivun sisältö ja toiminnallisuus eivät saa kadota.
- 1.4.13 AA
Sisältö hoverilla tai kohdistuksella
Työkaluvihjeiden, ponnahdusikkunoiden ja muun hover- tai kohdistusaukeavan sisällön täytyy olla suljettavissa, tavoitettavissa osoittimella sekä pysyvää — se ei katoa ennen kuin käyttäjä sulkee sen tai kohdistus siirtyy pois laukaisijalta.
2. Hallittava
Käyttöliittymäkomponenttien ja navigoinnin on oltava kaikkien hallittavissa.
- 2.1.1 A
Näppäimistö
Jokaisen sivun toiminnon on oltava käytettävissä pelkällä näppäimistöllä — ei vaadita hiiren liikkeitä, raahauksia tai tiettyjä ajoituksia. Ruudunlukuohjelma-, kytkin- ja ääniohjausten käyttäjät ovat kaikki riippuvaisia tästä perusvaatimuksesta.
- 2.1.2 A
Ei näppäimistöloukkua
Jos näppäimistön kohdistus voi siirtyä komponenttiin, kohdistuksen on myös voitava siirtyä siitä pois pelkällä näppäimistöllä. Modaali-ikkunat, upotetut sisällöt ja mukautetut widgetit ovat tavallisimmat ongelmakohteet.
- 2.1.3 AAA
Näppäimistö (ei poikkeuksia)
Sama kuin 2.1.1 Näppäimistö, mutta ilman polkuriippuvaista poikkeusta. Jokaisen toiminnon — mukaan lukien vapaapiirros ja allekirjoituksen tallennus — on oltava näppäimistöllä käytettävissä vastaavalla tavalla.
- 2.1.4 A
Yksittäisten merkkien pikanäppäimet
Pikanäppäimet, jotka koostuvat pelkästään yhdestä kirjaimesta, numerosta tai symbolista, on voitava poistaa käytöstä, uudelleenmäärittää tai rajata koskemaan vain sitä komponenttia, jolla on kohdistus. Tämä suojaa puheohjausta ja sanelua käyttäviä.
- 2.2.1 A
Säädettävä ajoitus
Sisällön asettama aikaraja on voitava poistaa käytöstä, säätää vähintään kymmenkertaiseksi tai pidentää vähintään 20 sekunnin varoitusajalla. Istunnon vanheneminen ja tenttikellot ovat tyypillisimmät kohteet.
- 2.2.2 A
Tauko, pysäytys, piilotus
Liikkuva, vilkkuva, vierittyvä tai automaattisesti päivittyvä sisältö, joka kestää yli viisi sekuntia, on voitava keskeyttää, pysäyttää tai piilottaa. Koskee karuselleja, juoksevia tekstejä, uutistickereita, animoituja mainoksia ja automaattisesti päivittyviä syötteitä.
- 2.2.3 AAA
Ei ajoitusta
Aikarajat eivät ole lainkaan osa sisältöä, lukuun ottamatta ei-interaktiivisia reaaliaikaisia tapahtumia. Tiukempi kuin 2.2.1 — varoitus-ja-pidennys-vaihtoehto ei riitä.
- 2.2.4 AAA
Keskeytykset
Keskeytykset — ponnahdusikkunat, ilmoitukset, hälytykset, automaattiset päivitykset — on voitava lykätä tai estää käyttäjän toimesta, lukuun ottamatta hätätilannetta koskevia keskeytyksiä.
- 2.2.5 AAA
Uudelleen todentaminen
Kun todennettu istunto vanhenee, käyttäjän on voitava jatkaa menettämättä syöttämiään tietoja. Istunto päättyy, mutta kesken oleva työ ei.
- 2.2.6 AAA
Aikarajat
Käyttäjille on ilmoitettava mahdollisesta tietojen menetykseen johtavasta passiivisuusaikarajasta prosessin alussa, ellei tietoja säilytetä yli 20 tunnin passiivisuuden ajan.
- 2.3.1 A
Kolme välähdystä tai alle kynnysarvojen
Mikään sivulla ei saa välähdellä yli kolme kertaa sekunnissa, ellei välähdys alita määriteltyjä koko- ja kontrastikynnyksiä. Tarkoitettu valoherkkyyskohtausten estämiseen.
- 2.3.2 AAA
Kolme välähdystä
Mikään sivulla oleva sisältö ei saa välähdellä yli kolmea kertaa sekunnissa — ilman poikkeuksia. Poistaa 2.3.1:n sallimat koko- ja kynnysarvopoikkeukset.
- 2.3.3 AAA
Vuorovaikutuksesta käynnistyvä animaatio
Vuorovaikutuksesta käynnistyvä liikeanimaatio voidaan poistaa käytöstä, ellei animaatio ole välttämätön. Huomioi `prefers-reduced-motion` -mediatyylikysely.
- 2.4.1 A
Ohitettavat lohkot
Tarjoa näppäimistö- ja ruudunlukijakäyttäjille tapa ohittaa jokaisella sivulla toistuva sisältö — ylätunniste, päänavigaatio, apulinkit — jotta pääsisältöön päästään ilman kymmenien linkkien tabuloinnista.
- 2.4.2 A
Sivun otsikko
Jokaisella sivulla on oltava `<title>`, joka kuvaa sen aiheen tai tarkoituksen. Otsikko on se, minkä ruudunlukuohjelmat ilmoittavat sivulatauksen yhteydessä ja minkä käyttäjät näkevät välilehdissä, kirjanmerkeissä, historiassa ja hakutuloksissa.
- 2.4.3 A
Kohdistusjärjestys
Kun käyttäjä siirtyy Tab-näppäimellä sivulla, kohdistusjärjestyksen on seurattava merkityksen ja käytettävyyden säilyttävää järjestystä — yleensä visuaalinen lukujärjestys. Sekava välilehtijärjestys on toiminnallisesti rikki, vaikka jokainen yksittäinen elementti toimisi.
- 2.4.4 A
Linkin tarkoitus (kontekstissa)
Jokaisen linkin tarkoituksen on käytävä ilmi sen tekstistä tai linkin tekstin ja sitä ympäröivän kontekstin yhdistelmästä — lauseesta, listaelementistä, taulukon solusta tai kappaleesta. Ruudunlukuohjelman käyttäjät kuulevat usein linkit irrallaan kontekstista linkkilistauksessa.
- 2.4.5 AA
Useita tapoja
Käyttäjillä on oltava useampi kuin yksi tapa löytää sivu sivustolta — yleensä navigointivalikko, haku, sivukartta, sisällysluettelo tai aiheeseen liittyvien sivujen lista. Poikkeuksena ovat sivut, jotka ovat prosessin vaiheita, kuten kassavaiheet tai monivaiheinen lomake.
- 2.4.6 AA
Otsikot ja nimilaput
Otsikoiden ja lomakkeen nimilappujen on kuvattava niiden esittelemän sisällön aihetta tai tarkoitusta. Niiden ei tarvitse olla yksilöllisiä, mutta niiden on oltava informatiivisia — otsikko, jossa lukee 'Tiedot', tai nimilappu, jossa lukee 'Kenttä', ei läpäise tätä onnistumiskriteeriä.
- 2.4.7 AA
Kohdistus näkyvissä
Kaikilla näppäimistöllä käytettävissä olevilla käyttöliittymillä on oltava näkyvä kohdistusilmaisin tällä hetkellä kohdistettuna olevassa elementissä. Jos käyttäjä ei näe, missä näppäimistön kohdistus on, hän ei voi käyttää sivustoa näppäimistöllä — piste. Yksi useimmin mainituista onnistumiskriteereitä auditoinneissa.
- 2.4.8 AAA
Sijainti
Käyttäjien on pystyttävä selvittämään, missä he ovat sivujen joukossa — yleensä navigointipolun (breadcrumb), nykyisen sivun ilmaisimen navigaatiossa tai aktiivisen osion korostavan sivukartan avulla.
- 2.4.9 AAA
Linkin tarkoitus (pelkkä linkki)
2.4.4:n tiukempi AAA-versio: pelkän linkkitekstin — ilman ympäröivää kontekstia — on yksilöitävä kohde. 'Lue lisää' epäonnistuu, vaikka sitä edeltävä lause selittäisi sen. Suunniteltu ruudunlukuohjelman käyttäjille, jotka navigoivat linkkilistaustilan kautta.
- 2.4.10 AAA
Jaksojen otsikot
Käytä otsikoita sisällön jäsentämiseen. Sivulla, jolla on erillisiä jaksoja, jokaisella jaksolla on oltava todellinen otsikkoelementti (`<h1>`–`<h6>`) — ei tyyliteltyä kappaletta, joka näyttää otsikolta.
- 2.4.11 AA Uutta 2.2
Kohdistus ei peity (vähimmäisvaatimus)
Kun elementti saa näppäimistökohdistuksen, se ei saa olla kokonaan piilotettu toisen käyttöliittymäelementin taakse — kiinteät ylätunnisteet, evästebanneri, chat-widgetit, kiinteät alatunnisteet. Uusi WCAG 2.2:ssa.
- 2.4.12 AAA Uutta 2.2
Kohdistus ei peity (parannettu vaatimus)
Tiukempi AAA-versio 2.4.11:sta: kun elementti saa kohdistuksen, mikään osa siitä ei saa peittyä muun sisällön taakse. Uusi WCAG 2.2:ssa.
- 2.4.13 AAA Uutta 2.2
Kohdistuksen ulkoasu
Näppäimistökohdistusindikaattorin on täytettävä mitattava visuaalinen vaatimus: vähintään 2 CSS-pikselin paksuinen kehys ympärysmitta, vähintään 3:1 kontrasti aiempaan kohdistamattomaan tilaan verrattuna, eikä se saa peittyä. Uusi WCAG 2.2:ssa.
- 2.5.1 A
Osoitineleet
Minkä tahansa toiminnon, joka käyttää monipistettä tai polkupohjaista elettä — nipistämiszoom, kahden sormen kierto, pyyhkäisy poistamiseksi — on myös oltava käytettävissä yhdellä pisteellä tehtävällä aktivoinnilla, joka ei edellytä polkua.
- 2.5.2 A
Osoittimen peruutus
Yksittäisellä osoittimella käynnistettävien toimintojen on laukeavakin vasta ylöspäinen tapahtuma eikä alaspäinen — jotta käyttäjä voi vetää osoittimen pois ja peruuttaa toiminnon. Peruutus, kumoaminen tai esivalinta on oltava mahdollista, paitsi jos välitön aktivointi on välttämätöntä.
- 2.5.3 A
Tunniste nimessä
Kun ohjausobjektilla on näkyvä teksti, kyseisen tekstin on löydyttävä sen saavutettavan nimen alusta. Muuten ääniohjauksen käyttäjät, jotka sanovat näkemänsä, eivät pysty aktivoimaan ohjausobjektia.
- 2.5.4 A
Liikeaktivointiin
Laitteen tai käyttäjän liikkeellä käynnistettävät toiminnot — ravistaminen, kallistaminen, kameralle elehtiminen — on voitava suorittaa myös tavallisilla käyttöliittymäohjaimilla, ja liikeaktivointi on voitava poistaa käytöstä.
- 2.5.5 AAA
Kohteen koko (parannettu)
Vuorovaikutteisten kohteiden on oltava vähintään 44 x 44 CSS-pikseliä. Tämä on AAA-tason parannettu kokovaatimus; AA-tason 2.5.8 minimiraja on 24 x 24.
- 2.5.6 AAA
Samanaikaiset syöttötavat
Verkkosisältö ei saa rajoittaa alustalla käytettävissä olevien syöttötapojen käyttöä — paitsi kun rajoitus on välttämätön, tarvitaan sisällön suojaamiseen tai käyttäjän asetusten noudattamiseen.
- 2.5.7 AA Uutta 2.2
Vetämisliikkeet
Kaikki vetämisliikkeellä suoritettavat toiminnot on voitava suorittaa myös yksittäisellä osoittimella ilman vetämistä — yleensä napautuksella tai napsautuksella. Uusi WCAG 2.2:ssa.
- 2.5.8 AA Uutta 2.2
Kohteen koko (minimi)
Vuorovaikutteisten kohteiden — painikkeiden, linkkien, lomakeohjainten — on oltava vähintään 24 x 24 CSS-pikseliä, paitsi jos samalla sivulla on vastaava riittävän suuri kohde tai kohde on lauseen sisällä. Uusi WCAG 2.2:ssa.
3. Ymmärrettävä
Tiedon ja käyttöliittymän toiminnan on oltava ymmärrettävää.
- 3.1.1 A
Sivun kieli
Jokaisen sivun oletuskieli on määritettävä ohjelmallisesti — yleensä html-elementin lang-attribuutilla. Ruudunlukuohjelmat, pistenäytöt ja käännöstyökalut käyttävät sitä valitakseen oikean ääntämisjärjestelmän, ääniprofiilin ja merkkikoodauksen.
- 3.1.2 AA
Osien kieli
Kun sivun jokin kohta on eri kielellä kuin sivun oletuskieli, kyseinen osio on merkittävä lang-attribuutilla — jotta ruudunlukuohjelmat vaihtavat ääntämistä kyseiselle kielelle.
- 3.1.3 AAA
Epätavalliset sanat
Tarjoa keino tunnistaa epätavallisessa tai rajallisessa merkityksessä käytettyjen sanojen määritelmät — ammattislangi, idiomit, tekniset termit. Sanasto, inline-määritelmät tai linkitetyt määritelmät täyttävät tämän AAA-kriteerin.
- 3.1.4 AAA
Lyhenteet
Tarjoa keino tunnistaa lyhenteiden laajennettu muoto tai merkitys. Avaaminen ensimmäisellä esiintymiskerralla, abbr-elementti title-attribuutilla tai linkitetty sanasto täyttävät tämän AAA-kriteerin.
- 3.1.5 AAA
Luettavuustaso
Kun sisältö edellyttää yläastetason ylittävää lukutaitoa, on tarjottava yksinkertaisempi vaihtoehto — selkokielinen versio, tiivistelmä tai lisämateriaaleja kuten kuvia tai ääntä.
- 3.1.6 AAA
Ääntäminen
Kun sanan merkitys riippuu ääntämisestä eikä oikea ääntäminen käy ilmi asiayhteydestä, on tarjottava keino, joka paljastaa ääntämisen — foneettinen kirjoitus, ääni tai linkki oppaaseen.
- 3.2.1 A
Kohdistuksessa
Kun käyttöliittymäkomponentti saa kohdistuksen, se ei saa käynnistää asiayhteyden muutosta — ei automaattista sivunavigaatiota, ei uutta ikkunaa, ei suurta sisällön siirtymää. Kohdistus on orientoitumista varten, ei toiminnon suorittamista varten.
- 3.2.2 A
Syötteessä
Käyttöliittymäkomponentin asetuksen muuttaminen ei saa automaattisesti aiheuttaa asiayhteyden muutosta, ellei käyttäjää ole etukäteen varoitettu. Arvon valitsemisen ei tule hiljaisesti navigoida, lähettää tai muuttaa sivua.
- 3.2.3 AA
Johdonmukainen navigointi
Sivuilla toistuvat navigointimekanismit — päänavigaatio, alatunniste, murupolku, haku — on esitettävä samassa suhteellisessa järjestyksessä jokaisella sivulla, jolla ne esiintyvät. Lihasmuistiin luottavien käyttäjien ei tule joutua löytämään asettelua uudelleen joka kerta.
- 3.2.4 AA
Yhtenäinen tunnistaminen
Komponentit, joilla on sama toiminnallisuus koko sivustolla, on tunnistettava yhtenäisesti — sama etiketti, sama kuvake, sama saavutettava nimi. Kahta samaa asiaa tekevää painiketta ei saa kutsua toisella sivulla Haku ja toisella Etsi.
- 3.2.5 AAA
Muutos pyydettäessä
Kontekstimuutokset tapahtuvat vain silloin, kun käyttäjä pyytää niitä, tai käyttäjällä on mahdollisuus poistaa automaattinen muutos käytöstä. Ei automaattisia uudelleenohjauksia, ei yllättäviä päivityksiä, ei karuselleja, jotka vaihtavat sisältöä kursorin alla.
- 3.2.6 A Uutta 2.2
Yhtenäinen apu
Jos sivulla on apumekanismeja — yhteystiedot, ohjelinkki, chatbot, itsepalvelulomake — niiden on esiinnyttävä samassa suhteellisessa järjestyksessä jokaisella sivulla, jolla ne ovat läsnä. Uusi WCAG 2.2:ssa.
- 3.3.1 A
Virheiden tunnistaminen
Kun käyttäjä tekee lomakevirheen, joka havaitaan automaattisesti, virhe on tunnistettava ja kuvattava käyttäjälle tekstillä — ei pelkällä värillä, ei pelkällä kuvakkeella, ei hiljaisuudella.
- 3.3.2 A
Etiketit tai ohjeet
Jokaisella lomakekentällä, joka vaatii käyttäjän syötteen, on oltava etiketti tai ohje, joka kertoo, mitä syöttää. Pelkkä placeholder-teksti, pelkkä kuvake tai tyhjä ruutu ei riitä.
- 3.3.3 AA
Virhekorjausehdotus
Kun syötevirhe havaitaan ja järjestelmä tietää korjauksen, sen on tarjottava ehdotus käyttäjälle — ellei se vaaranna tietoturvaa tai mitätöi syötteen tarkoitusta.
- 3.3.4 AA
Virheiden ehkäisy (oikeudellinen, taloudellinen, data)
Oikeudellisia sitoumuksia, rahoitustapahtumia tai merkittäviä muutoksia käyttäjätietoihin sisältävissä lähetyksissä käyttäjän on voitava peruuttaa lähetys, tarkastuttaa se virheistä korjausmahdollisuuden kera tai vahvistaa se erikseen ennen voimaantuloa.
- 3.3.5 AAA
Apu
Kontekstisidonnainen apu on saatavilla lomakkeille ja käyttäjäsyötteille, jotka sitä vaativat. Apu voi sisältää muotoesimerkkejä, sivulla olevia vihjeitä, linkitettyjä ohjeita tai yhteydenottomekanismin.
- 3.3.6 AAA
Virheiden ehkäisy (kaikki)
Jokaisen käyttäjän lähettämän lomakkeen — ei vain oikeudellisten, taloudellisten tai tietoja muuttavien — osalta käyttäjän on voitava kumota, tarkistaa tai vahvistaa lähetys ennen sen voimaantuloa. Tämä on onnistumiskriteerin 3.3.4 AAA-yleistys.
- 3.3.7 A Uutta 2.2
Toistuva syöttö
Tietoa, jonka käyttäjä on jo antanut samassa istunnossa, ei saa pyytää uudelleen — se on täytettävä automaattisesti tai tarjottava valittavaksi listasta, ellei uudelleensyöttö ole välttämätöntä (esim. salasanan vahvistaminen). Uusi WCAG 2.2:ssa.
- 3.3.8 AA Uutta 2.2
Saavutettava todennus (minimi)
Todennus ei saa edellyttää kognitiivista tehtävää — muistamista, koodin siirtämistä tai kohteiden tunnistamista — ellei vaihtoehto tai apumekanismi ole tarjolla. Salasanat, kuva-CAPTCHA:t ja sähköpostikoodi-virrat ovat yleisiä virheitä. Uusi WCAG 2.2:ssa.
- 3.3.9 AAA Uutta 2.2
Saavutettava todennus (parannettu)
Todennus ei saa edellyttää mitään kognitiivista tehtävää — ei myöskään kohteiden tunnistamista tai henkilökohtaisen sisällön tunnistamista. Tämä on 3.3.8:n AAA-päivitys — avainkoodejakin, biometriikka ja laitetunnisteet ovat käytännön polut. Uusi WCAG 2.2:ssa.
4. Lujatekoinen
Sisällön on oltava riittävän lujatekoista, jotta monenlaiset asiakasohjelmat, mukaan lukien avustava teknologia, voivat tulkita sitä luotettavasti.
- 4.1.2 A
Nimi, rooli, arvo
Jokaisen käyttöliittymäkomponentin on ohjelmallisesti esitettävä nimi, rooli ja — tarvittaessa — arvo ja tila. Ilman tätä ruudunlukuohjelmat, ääniohjaus ja kytkimet eivät pysty tunnistamaan tai käyttämään elementtiä.
- 4.1.3 AA
Tilaviestit
Tilaviestit — vahvistukset, virheet, edistymispäivitykset, hakutulosmäärät — on ilmoitettava avustavalle teknologialle ilman kohdistuksen siirtämistä. Käytä role=status, role=alert tai aria-live jo DOM:issa olevalla alueella.
Mikään onnistumiskriteeri ei vastaa suodattimiasi.