Standardid
WCAG 2.2 sirvija
Iga edukriteerium selges keeles: mida see tähendab, keda puudutab, tüüpvead, näited ja kuidas testida.
Kuvatud 86 kriteeriumit 86-st
Tajutav
Inimene peab saama infot tajuda — nägemise, kuulmise või kompimise kaudu.
1.1 Mittetekstiline sisu
1.2 Ajapõhine meedia
- 1.2.1Ainult heli ja ainult video (salvestatud)Salvestatud ainult heli või ainult videosisule peab olema tekstivaste või helikirjeldus.WCAG AÜle vaatamata
- 1.2.2Subtiitrid (salvestatud)Salvestatud helilisel videol peavad olema sünkroonitud subtiitrid.WCAG AÜle vaatamata
- 1.2.3Helikirjeldus või meedia alternatiiv (salvestatud)Videole peab olema helikirjeldus või täielik tekstivaste visuaalse info jaoks.WCAG AÜle vaatamata
- 1.2.4Subtiitrid (otseülekanne)Otseülekande helisisu vajab reaalajas subtiitreid.WCAG AAÜle vaatamata
- 1.2.5Helikirjeldus (salvestatud)Salvestatud video vajab helikirjeldust oma olulise visuaalse sisu jaoks.WCAG AAÜle vaatamata
- 1.2.6Viipekeel (salvestatud)Salvestatud helisisule saab lisada viipekeelse tõlke.WCAG AAAÜle vaatamata
- 1.2.7Laiendatud helikirjeldus (salvestatud)Kui pausid pole kirjelduseks piisavalt pikad, peatatakse video laiendatud jutustuse jaoks.WCAG AAAÜle vaatamata
- 1.2.8Meedia alternatiiv (salvestatud)Salvestatud sünkroniseeritud meediale on antud täielik tekstivaste.WCAG AAAÜle vaatamata
- 1.2.9Ainult heli (otseülekanne)Otseülekande ainult helisisule vajatakse samaväärse infoga tekstivastet.WCAG AAAÜle vaatamata
1.3 Kohandatav
- 1.3.1Info ja seosedStruktuur nagu pealkirjad, loendid ja tabelid tuleb märgistada, mitte ainult visuaalselt vormindada.WCAG AÜle vaatamata
- 1.3.2Sisukas järjekordSisu peab olema loetav loogilises järjekorras ka ilma kujunduseta.WCAG AÜle vaatamata
- 1.3.3Sensoorsed omadusedJuhised ei tohi tugineda ainult kujule, värvile, suurusele või asukohale.WCAG AÜle vaatamata
- 1.3.4OrientatsioonSisu ei tohi olla lukustatud vertikaal- või horisontaalvaatesse, kui see pole hädavajalik.WCAG AAÜle vaatamata
- 1.3.5Sisestuse eesmärgi määramineLevinud vormiväljad nagu nimi või e-post peaksid kasutama standardseid autocomplete väärtusi.WCAG AAÜle vaatamata
- 1.3.6Otstarbe määramineIkoonid, alad ja juhtelemendid võivad programmiliselt avada oma otstarbe isikupärastamise tööriistade jaoks.WCAG AAAÜle vaatamata
1.4 Eristatav
- 1.4.1Värvi kasutamineVärv ei tohi olla ainus viis info, tegevuse või oleku edastamiseks.WCAG AÜle vaatamata
- 1.4.2HelijuhtimineAutomaatselt üle 3 sekundi mängival helil peab olema lihtne peatamis- või seiskamisvõimalus.WCAG AÜle vaatamata
- 1.4.3Kontrast (miinimum)Tavatekstil peab olema vähemalt 4,5:1 kontrast, suurel tekstil vähemalt 3:1.WCAG AAÜle vaatamata
- 1.4.4Teksti suurendamineTeksti peab saama suurendada kuni 200%, ilma sisu või funktsiooni kaotamata.WCAG AAÜle vaatamata
- 1.4.5Teksti kujutavad pildidKasuta võimalusel päristeksti teksti kujutava pildi asemel.WCAG AAÜle vaatamata
- 1.4.6Kontrast (täiustatud)Tavatekstil peab olema vähemalt 7:1 kontrast, suurel tekstil vähemalt 4,5:1.WCAG AAAÜle vaatamata
- 1.4.7Vaikne või puuduv taustaheliAinult kõnest koosnev heli peaks olema minimaalse või olematu segava taustaheliga.WCAG AAAÜle vaatamata
- 1.4.8Visuaalne esitusKasutaja peab saama loetavuse huvides kohandada teksti vahesid, laiust ja värve.WCAG AAAÜle vaatamata
- 1.4.9Teksti kujutavad pildid (erandeid pole)Teksti kujutavad pildid on lubatud ainult logode ja kaunistuse jaoks, muidu mitte.WCAG AAAÜle vaatamata
- 1.4.10ÜmbervoolamineSisu peab 400% suurenduse korral mahtuma ühte veergu ilma horisontaalse kerimiseta.WCAG AAÜle vaatamata
- 1.4.11Mittetekstiline kontrastKasutajaliidese elementidel ja graafikal peab olema vähemalt 3:1 kontrast naabervärvidega.WCAG AAÜle vaatamata
- 1.4.12Teksti vahedSisu peab jääma kasutatavaks, kui kasutaja suurendab reavahet, tähe- ja sõnavahesid.WCAG AAÜle vaatamata
- 1.4.13Hõljutusel või fookusel ilmuv sisuHõljutusel/fookusel ilmuvad vihjed ja hüpikaknad peavad olema suletavad, üle liigutatavad ning püsima nähtaval kuni vajaduseni.WCAG AAÜle vaatamata
Juhitav
Inimene peab saama liidest juhtida oma sisendseadmega.
2.1 Klaviatuuriga kasutatav
- 2.1.1KlaviatuurKogu funktsionaalsus peab olema kasutatav ainult klaviatuuriga, ilma hiireta.WCAG AÜle vaatamata
- 2.1.2Klaviatuurilõksu poleKlaviatuurifookus ei tohi jääda ühte kohta kinni ilma väljapääsuta.WCAG AÜle vaatamata
- 2.1.3Klaviatuur (erandita)Kõik peab olema klaviatuuriga kasutatav ilma eranditeta, ka täpsust nõudvad toimingud.WCAG AAAÜle vaatamata
- 2.1.4Tähemärgiklahvi otseteedÜhetähelised otseteeklahvid peab saama välja lülitada, ümber määrata või piirata fookusega.WCAG AÜle vaatamata
2.2 Piisav aeg
- 2.2.1Ajapiirangut saab kohandadaKui sisul on ajapiirang, peab kasutaja saama selle välja lülitada, kohandada või pikendada.WCAG AÜle vaatamata
- 2.2.2Peata, seiska, peidaLiikuvat, vilkuvat, keriv või automaatselt uuenevat sisu peab saama peatada, seisata või peita.WCAG AÜle vaatamata
- 2.2.3Ajastust poleAjastus ei tohi olla toimingu jaoks hädavajalik, v.a reaalajas sündmuste või meedia puhul.WCAG AAAÜle vaatamata
- 2.2.4KatkestusedKatkestused nagu teavitused peavad olema kasutaja poolt edasilükatavad või summutatavad, va hädaolukorrad.WCAG AAAÜle vaatamata
- 2.2.5Uuesti autentimineKui seanss aegub, peab kasutaja saama uuesti sisse logida ilma andmeid kaotamata.WCAG AAAÜle vaatamata
- 2.2.6AegumisedKasutajaid tuleb eelnevalt hoiatada tegevusetusest tuleneva andmekao eest, kui andmeid ei säilitata 20+ tundi.WCAG AAAÜle vaatamata
2.3 Krambid ja füüsilised reaktsioonid
- 2.3.1Kolm välgatust või alla piirmääraSisu ei tohi vilkuda rohkem kui kolm korda sekundis, va väikesed lubatud vilkumised.WCAG AÜle vaatamata
- 2.3.2Kolm välgatustSisu ei tohi vilkuda rohkem kui kolm korda ühe sekundi jooksul, ilma eranditeta.WCAG AAAÜle vaatamata
- 2.3.3Interaktsioonist tulenev animatsioonInteraktsioonist käivitatud liikumisanimatsiooni peab saama välja lülitada, va kui see on funktsiooni jaoks hädavajalik.WCAG AAAÜle vaatamata
2.4 Navigeeritav
- 2.4.1Plokkidest mööduminePaku võimalus vahele jätta korduvad plokid, näiteks navigatsioon, ja jõuda otse põhisisuni.WCAG AÜle vaatamata
- 2.4.2Lehe pealkiriIgal lehel peab olema kirjeldav pealkiri, mis annab teada lehe teema või eesmärgi.WCAG AÜle vaatamata
- 2.4.3Fookuse järjekordKlaviatuurifookus peab liikuma loogilises järjekorras, mis vastab visuaalsele järjestusele.WCAG AÜle vaatamata
- 2.4.4Lingi eesmärk (kontekstis)Lingi eesmärk peab olema arusaadav lingi tekstist või lingi tekstist ja ümbritsevast kontekstist.WCAG AÜle vaatamata
- 2.4.5Mitu viisiPaku rohkem kui üks viis lehe leidmiseks, näiteks otsing, saidiplaan ja navigatsioonimenüü.WCAG AAÜle vaatamata
- 2.4.6Pealkirjad ja sildidPealkirjad ja sildid peavad kirjeldama nende alla kuuluva sisu teemat või eesmärki.WCAG AAÜle vaatamata
- 2.4.7Nähtav fookusKlaviatuurifookuse indikaator peab olema nähtav alati, kui element saab fookuse.WCAG AAÜle vaatamata
- 2.4.8AsukohtAnna teavet kasutaja asukoha kohta lehtede kogumis, näiteks jäljerada (breadcrumbs).WCAG AAAÜle vaatamata
- 2.4.9Lingi eesmärk (ainult lingist)Lingi tekst üksi (ilma ümbritseva kontekstita) peab täielikult kirjeldama lingi eesmärki.WCAG AAAÜle vaatamata
- 2.4.10Jaotiste pealkirjadKasuta pealkirju sisu jaotisteks korraldamisel, kus see on struktuuriliselt mõistlik.WCAG AAAÜle vaatamata
- 2.4.11Fookus pole varjatud (miinimum)Kui element saab klaviatuurifookuse, ei tohi see olla täielikult varjatud teise sisuga, nagu kleepuv päis.WCAG AAÜle vaatamata
- 2.4.12Fookus pole varjatud (täiendatud)Kui element saab klaviatuurifookuse, ei tohi ükski selle osa olla teise sisuga varjatud.WCAG AAAÜle vaatamata
- 2.4.13Fookuse välimusFookuseindikaator peab olema piisavalt suur ja piisava kontrastiga, et olla selgelt nähtav.WCAG AAAÜle vaatamata
2.5 Sisestusviisid
- 2.5.1Osutiga tehtavad žestidMitmepunktilistel või teekonnal põhinevatel žestidel (nt pigistus, nühkimine) peab olema ühe puutega alternatiiv.WCAG AÜle vaatamata
- 2.5.2Osuti toimingu tühistamineFunktsioonid peaksid käivituma vabastamisel, mitte vajutamisel, ning lubama tühistamist eemale liikudes.WCAG AÜle vaatamata
- 2.5.3Silt nimesJuhtelemendi nähtav tekstisilt peab sisalduma selle ligipääsetavuse nimes.WCAG AÜle vaatamata
- 2.5.4Liikumisega käivitamineSeadme liikumisega (nt raputamisega) käivitatavatel funktsioonidel peab olema ka tavaline juhtelemendi alternatiiv.WCAG AÜle vaatamata
- 2.5.5Sihtmärgi suurus (täiendatud)Puutesihtmärgid peaksid olema vähemalt 44 x 44 CSS pikslit, mõne erandiga.WCAG AAAÜle vaatamata
- 2.5.6Samaaegsed sisendviisidSisu ei tohi piirata konkreetse sisendviisi kasutamist, näiteks nõuda ainult puudet või ainult hiirt.WCAG AAAÜle vaatamata
- 2.5.7LohistamisliigutusedIga lohistamisliigutust kasutav funktsioon peab olema kasutatav ka ühe klõpsu või puudutusega, ilma lohistamiseta.WCAG AAÜle vaatamata
- 2.5.8Sihtmärgi suurus (miinimum)Puute-/klõpsusihtmärgid peavad olema vähemalt 24 x 24 CSS pikslit, va kui need on eraldatud või erandiga.WCAG AAÜle vaatamata
Arusaadav
Sisu ja käitumine peavad olema ennustatavad ja selged.
3.1 Loetav
- 3.1.1Lehe keelIga leht peab koodis määrama oma põhikeele (nt lang="et"), et tarkvara teaks, kuidas seda lugeda ja hääldada.WCAG AÜle vaatamata
- 3.1.2Osade keelIga tekstilõik, mis on lehe põhikeelest erinevas keeles, vajab oma lang-atribuuti.WCAG AAÜle vaatamata
- 3.1.3Ebatavalised sõnadPaku viisi žargooni, idioomide või ebatavaliste sõnade tähenduse leidmiseks.WCAG AAAÜle vaatamata
- 3.1.4LühendidPaku lühendite lahtiseletatud vormi kuskil lehel kättesaadavana.WCAG AAAÜle vaatamata
- 3.1.5Loetavuse taseKui tekst nõuab põhikoolist kõrgemat lugemisoskust, paku lisaks lihtsamat versiooni.WCAG AAAÜle vaatamata
- 3.1.6HääldusPaku hääldust sõnadele, mille tähendus on ilma hääldust teadmata mitmeti mõistetav.WCAG AAAÜle vaatamata
3.2 Ennustatav
- 3.2.1FookuselKlaviatuurifookuse liikumine elemendile ei tohi kunagi vallandada konteksti muutust (nt automaatne saatmine, uus aken).WCAG AÜle vaatamata
- 3.2.2SisestamiselVormivälja väärtuse muutmine ei tohi automaatselt vallandada suurt kontekstimuutust, kui kasutajat pole eelnevalt hoiatatud.WCAG AÜle vaatamata
- 3.2.3Järjepidev navigeerimineKorduvad navigatsioonimenüüd peavad igal lehel olema samas suhtelises järjekorras.WCAG AAÜle vaatamata
- 3.2.4Järjepidev tuvastamineSama funktsiooniga komponendid peavad kogu saidil olema ühtmoodi märgistatud ja esitatud.WCAG AAÜle vaatamata
- 3.2.5Muutus soovi korralKontekstimuutused peaksid toimuma ainult kasutaja soovil, või peab kasutaja saama automaatsed muutused välja lülitada.WCAG AAAÜle vaatamata
- 3.2.6Järjepidev abiKui abimehhanism (kontaktinfo, vestlus, KKK link) esineb mitmel lehel, peab see igal pool olema samas suhtelises kohas.WCAG AÜle vaatamata
3.3 Sisestusabi
- 3.3.1Vea tuvastamineKui vormisisendis leitakse viga, tuleb see täpselt tekstina kirjeldada ja tuvastada.WCAG AÜle vaatamata
- 3.3.2Sildid või juhisedIgal vormiväljal peab olema silt või juhis, mis selgitab, millist andmed oodatakse.WCAG AÜle vaatamata
- 3.3.3Vea parandamise ettepanekKui vea põhjus on teada, tuleb pakkuda parandusettepanek, välja arvatud kui see ohustaks turvalisust.WCAG AAÜle vaatamata
- 3.3.4Vea ennetamine (juriidiline, rahaline, andmed)Juriidiliste, rahaliste või andmeid kustutavate toimingute puhul luba kasutajal need üle vaadata, kinnitada või tühistada.WCAG AAÜle vaatamata
- 3.3.5AbiPaku kontekstitundlikku abi keeruliste väljade või ülesannete jaoks.WCAG AAAÜle vaatamata
- 3.3.6Vea ennetamine (kõik)Laienda ülevaatuse/kinnituse/tühistamise kaitse kõigile kasutaja sisendit nõudvatele toimingutele, mitte ainult juriidilistele/rahalistele.WCAG AAAÜle vaatamata
- 3.3.7Korduv sisestamineVarem sama protsessi käigus sisestatud info tuleks automaatselt täita või valida, mitte uuesti trükkida.WCAG AÜle vaatamata
- 3.3.8Ligipääsetav autentimine (miinimum)Sisselogimine ei tohi sõltuda ainult millegi meeldejätmisest või ümberkirjutamisest, kui puudub alternatiiv (nt kleepimine, paroolihaldur, biomeetria).WCAG AAÜle vaatamata
- 3.3.9Ligipääsetav autentimine (täiustatud)Sama, mis 3.3.8, kuid rangem: kognitiivset testi ei tohi olla üldse, isegi alternatiiviga, välja arvatud kasutaja enda valitud isiklike objektide/piltide äratundmine.WCAG AAAÜle vaatamata
Töökindel
Sisu peab töötama nii tänaste kui tulevaste abivahenditega.