Kontrolni seznam WCAG 2.2: vseh 86 meril uspeha pojasnjenih

Ta kontrolni seznam pokriva vsako merilo uspeha v WCAG 2.2, organizirano po štirih načelih POUR in trinajstih smernicah. Vsako merilo vključuje svojo raven skladnosti, praktično pojasnilo in napotke, kaj pomeni v praksi.

Načelo 1: Zaznavnost

Informacije in komponente uporabniškega vmesnika morajo biti predstavljene uporabnikom na načine, ki jih lahko zaznajo.

Smernica 1.1: Besedilne alternative

1.1.1 Nebesedilna vsebina (raven A) — Vsa nebesedilna vsebina, ki je predstavljena uporabniku, ima besedilno alternativo, ki služi enakovrednemu namenu. To vključuje slike, ikone, grafikone, zvok, video, animacije, CAPTCHA in dekorativne elemente. Informativne slike potrebujejo opisno alternativno besedilo. Funkcionalne slike potrebujejo alternativno besedilo, ki opisuje funkcijo. Dekorativne slike potrebujejo prazno alternativno besedilo. Kompleksne slike potrebujejo podrobne besedilne opise.

Smernica 1.2: Časovno zasnovani mediji

1.2.1 Samo zvok in samo video – vnaprej posneto (raven A) — Zagotovite transkripcijo za vnaprej posneto le-zvočno vsebino in bodisi transkripcijo bodisi zvočni opis za vnaprej posneto le-video vsebino.

1.2.2 Podnapisi – vnaprej posneto (raven A) — Zagotovite sinhronizirane podnapise za vse vnaprej posnete videoposnetke z zvočno vsebino.

1.2.3 Zvočni opis ali medijska alternativa – vnaprej posneto (raven A) — Zagotovite zvočni opis ali celotno besedilno alternativo za vnaprej posneto video vsebino.

1.2.4 Podnapisi – v živo (raven AA) — Zagotovite podnapise v realnem času za ves zvok v živo v video vsebini.

1.2.5 Zvočni opis – vnaprej posneto (raven AA) — Zagotovite zvočne opise za vso vnaprej posneto video vsebino, kjer pomembne vizualne informacije niso že posredovane v zvoku.

Smernica 1.3: Prilagodljivost

1.3.1 Informacije in razmerja (raven A) — Informacije, struktura in razmerja, posredovana skozi predstavitev, so programsko določljiva ali na voljo v besedilu. Uporabite ustrezne označbe naslovov, seznamov, tabel, oznak obrazcev in orientirjev za posredovanje strukture, ki je vizualno razvidna.

1.3.2 Smiselno zaporedje (raven A) — Ko zaporedje, v katerem je vsebina predstavljena, vpliva na njen pomen, je pravilno zaporedje branja programsko določljivo. Vrstni red DOM mora ustrezati vizualnemu vrstnemu redu.

1.3.3 Čutilne značilnosti (raven A) — Navodila za razumevanje in upravljanje vsebine se ne zanašajo izključno na čutilne značilnosti, kot so oblika, barva, velikost, vizualna lokacija, usmerjenost ali zvok.

1.3.4 Usmerjenost (raven AA) — Vsebina ne omejuje svojega pogleda in delovanja na eno usmerjenost zaslona, razen če je specifična usmerjenost bistvena.

1.3.5 Identifikacija namena vnosa (raven AA) — Namen polj za vnos v obrazce, ki zbirajo uporabniške informacije, je mogoče programsko določiti z atributom autocomplete.

Smernica 1.4: Razločljivost

1.4.1 Uporaba barve (raven A) — Barva ni uporabljena kot edino vizualno sredstvo za posredovanje informacij, označevanje dejanja, pozivanje k odzivu ali razlikovanje vizualnega elementa.

1.4.2 Nadzor zvoka (raven A) — Če se zvok samodejno predvaja več kot tri sekunde, zagotovite mehanizem za premor, ustavitev ali neodvisen nadzor glasnosti.

1.4.3 Kontrast – minimum (raven AA) — Besedilo in slike besedila imajo kontrastno razmerje vsaj 4,5:1, razen za veliko besedilo (3:1), naključno besedilo in logotipe.

1.4.4 Sprememba velikosti besedila (raven AA) — Velikost besedila je mogoče spremeniti do 200 % brez izgube vsebine ali funkcionalnosti.

1.4.5 Slike besedila (raven AA) — Besedilo se uporablja za posredovanje informacij namesto slik besedila, razen kjer je določena vizualna predstavitev bistvena.

1.4.10 Prelivanje (raven AA) — Vsebino je mogoče predstaviti brez izgube informacij ali funkcionalnosti in brez zahteve po pomikanju v dveh dimenzijah pri širini 320 CSS pikslov za navpično vsebino in višini 256 CSS pikslov za vodoravno vsebino.

1.4.11 Kontrast nebesedilnih elementov (raven AA) — Komponente uporabniškega vmesnika in smiselni grafični objekti imajo kontrastno razmerje vsaj 3:1 proti sosednjim barvam.

1.4.12 Razmik besedila (raven AA) — Brez izgube vsebine ali funkcionalnosti, ko uporabniki prilagodijo višino vrstice na 1,5-kratnik velikosti pisave, razmik odstavkov na 2-kratnik velikosti pisave, razmik črk na 0,12-kratnik velikosti pisave in razmik besed na 0,16-kratnik velikosti pisave.

1.4.13 Vsebina ob lebdenju ali fokusu (raven AA) — Kjer prihod in odhod kazalca ali tipkovničnega fokusa sproži pojav in izginotje dodatne vsebine, je ta vsebina zavrnljiva, lebdljiva in obstojna.

Načelo 2: Upravljavost

Komponente uporabniškega vmesnika in navigacija morajo biti upravljive.

Smernica 2.1: Dostopnost s tipkovnico

2.1.1 Tipkovnica (raven A) — Vsa funkcionalnost je upravljiva prek tipkovničnega vmesnika brez zahteve po specifičnih časovnih okvirih.

2.1.2 Brez tipkovnične pasti (raven A) — Če je tipkovnični fokus mogoče premakniti na komponento, je fokus mogoče premakniti stran le s tipkovnico.

2.1.4 Bližnjice s posameznimi znaki (raven A) — Če tipkovnična bližnjica uporablja le črke, ločila, številke ali simbolne znake, jo je mogoče izklopiti, preslikati ali aktivirati le, ko ima ustrezna komponenta fokus.

Smernica 2.2: Dovolj časa

2.2.1 Nastavljiv čas (raven A) — Za vsako časovno omejitev, ki jo nastavi vsebina, lahko uporabnik omejitev izklopi, prilagodi ali podaljša.

2.2.2 Premor, ustavitev, skrivanje (raven A) — Za premikajočo se, utripajočo, pomikajočo se ali samodejno posodabljajočo se vsebino, ki se začne samodejno in traja več kot pet sekund, jo uporabniki lahko ustavijo, premorijo ali skrijejo.

Smernica 2.3: Napadi in fizične reakcije

2.3.1 Tri utripanja ali pod pragom (raven A) — Nič na strani ne utripa več kot trikrat v nobeni enosekundni periodi.

Smernica 2.4: Navigabilnost

2.4.1 Preskakovanje blokov (raven A) — Na voljo je mehanizem za preskakovanje ponavljajočih se vsebinskih blokov, kot so preskočne navigacijske povezave.

2.4.2 Naslov strani (raven A) — Spletne strani imajo naslove, ki opisujejo njihovo temo ali namen.

2.4.3 Vrstni red fokusa (raven A) — Fokusabilne komponente prejmejo fokus v vrstnem redu, ki ohranja pomen in upravljavost.

2.4.4 Namen povezave – v kontekstu (raven A) — Namen vsake povezave je mogoče ugotoviti iz besedila povezave samega ali skupaj z njenim kontekstom.

2.4.5 Več načinov (raven AA) — Na voljo je več kot en način za lociranje strani znotraj nabora strani.

2.4.6 Naslovi in oznake (raven AA) — Naslovi in oznake opisujejo svojo temo ali namen.

2.4.7 Viden fokus (raven A) — Vsak s tipkovnico upravljiv uporabniški vmesnik ima viden indikator fokusa.

2.4.11 Fokus ni zakrit – minimum (raven AA) — Ko komponenta prejme tipkovnični fokus, ni v celoti skrita za vsebino, ki jo je ustvaril avtor. (Novo v WCAG 2.2)

2.4.12 Fokus ni zakrit – izboljšano (raven AAA) — Ko komponenta prejme tipkovnični fokus, noben del indikatorja fokusa ni skrit za vsebino, ki jo je ustvaril avtor. (Novo v WCAG 2.2)

2.4.13 Videz fokusa (raven AAA) — Indikatorji fokusa imajo zadostno velikost (vsaj 2-pikselski obod) in kontrast (vsaj 3:1 med fokusiranim in nefokusiranim stanjem). (Novo v WCAG 2.2)

Smernica 2.5: Načini vnosa

2.5.1 Kretnje s kazalcem (raven A) — Vso funkcionalnost, ki uporablja večtočkovne ali na poti temelječe kretnje, je mogoče upravljati z enim samim kazalcem brez na poti temelječe kretnje.

2.5.2 Preklic kazalca (raven A) — Pri funkcionalnosti z enim kazalcem se dejanje sproži ob dogodku dviga in ga je mogoče preklicati ali razveljaviti.

2.5.3 Oznaka v imenu (raven A) — Za komponente z besedilnimi oznakami dostopno ime vsebuje vizualno predstavljeno besedilo.

2.5.4 Sprožitev z gibanjem (raven A) — Funkcionalnost, ki jo sproži gibanje naprave ali uporabnika, je mogoče upravljati tudi prek komponente uporabniškega vmesnika, sprožitev z gibanjem pa je mogoče onemogočiti.

2.5.7 Premikanje z vlečenjem (raven AA) — Vso funkcionalnost, ki uporablja vlečenje, je mogoče doseči tudi z enim kazalcem brez vlečenja. (Novo v WCAG 2.2)

2.5.8 Velikost cilja – minimum (raven AA) — Interaktivni cilji so vsaj 24 krat 24 CSS pikslov, z izjemami za vgrajene cilje, cilje, ki jih nadzoruje uporabniški agent, in dovolj razmaknjene cilje. (Novo v WCAG 2.2)

Načelo 3: Razumljivost

Informacije in delovanje uporabniškega vmesnika morajo biti razumljivi.

Smernica 3.1: Berljivost

3.1.1 Jezik strani (raven A) — Privzeti človeški jezik vsake spletne strani je programsko določljiv prek atributa lang.

3.1.2 Jezik delov (raven AA) — Človeški jezik vsakega odlomka ali fraze je programsko določljiv, razen za lastna imena in tehnične izraze.

Smernica 3.2: Predvidljivost

3.2.1 Ob fokusu (raven A) — Ko katera koli komponenta prejme fokus, to ne sproži spremembe konteksta.

3.2.2 Ob vnosu (raven A) — Sprememba nastavitve komponente samodejno ne povzroči spremembe konteksta, razen če je bil uporabnik predhodno obveščen.

3.2.3 Dosledna navigacija (raven AA) — Navigacijski mehanizmi, ki se ponavljajo na več straneh, se vsakič pojavijo v enakem relativnem vrstnem redu.

3.2.6 Dosledna pomoč (raven A) — Če se mehanizmi pomoči pojavljajo na več straneh, se pojavijo v enakem relativnem vrstnem redu. (Novo v WCAG 2.2)

Smernica 3.3: Pomoč pri vnosu

3.3.1 Identifikacija napake (raven A) — Če je napaka pri vnosu samodejno zaznana, je element z napako identificiran in napaka opisana v besedilu.

3.3.2 Oznake ali navodila (raven A) — Oznake ali navodila so zagotovljeni, ko vsebina zahteva uporabnikov vnos.

3.3.3 Predlog za napako (raven AA) — Če je zaznana napaka pri vnosu in so predlogi znani, so zagotovljeni uporabniku.

3.3.4 Preprečevanje napak – pravne, finančne, podatkovne (raven AA) — Za strani, ki povzročajo pravne obveznosti, finančne transakcije ali spremembe podatkov, so oddaje razveljavljivne, preverjene ali potrjene.

3.3.7 Odvečni vnos (raven A) — Informacije, predhodno vnesene v istem procesu, so samodejno izpolnjene ali na voljo za izbiro. (Novo v WCAG 2.2)

3.3.8 Dostopno overjanje – minimum (raven AA) — Za overjanje ni zahtevan test kognitivnih funkcij, razen če so zagotovljene alternative ali mehanizmi pomoči. Testi prepoznavanja objektov so dovoljeni. (Novo v WCAG 2.2)

3.3.9 Dostopno overjanje – izboljšano (raven AAA) — Enako kot 3.3.8, vendar brez izjeme za prepoznavanje objektov. (Novo v WCAG 2.2)

Načelo 4: Robustnost

Vsebina mora biti dovolj robustna, da jo lahko zanesljivo interpretira širok nabor uporabniških agentov.

Smernica 4.1: Združljivost

4.1.2 Ime, vloga, vrednost (raven A) — Za vse komponente uporabniškega vmesnika sta ime in vloga programsko določljiva, stanja in lastnosti je mogoče nastaviti, spremembe pa so na voljo pomožnim tehnologijam.

4.1.3 Statusna sporočila (raven AA) — Statusna sporočila je mogoče programsko določiti skozi vloge ali lastnosti, tako da jih pomožne tehnologije predstavijo uporabniku brez prejema fokusa.

Opomba: SC 4.1.1 Razčlenjevanje je bilo odstranjeno iz WCAG 2.2 kot zastarelo.

Merila ravni AAA (dodatna)

Naslednja merila ravni AAA niso navedena zgoraj, vendar so del WCAG 2.2. Predstavljajo najvišjo raven dostopnosti in so priporočena, kjer je izvedljivo:

1.2.6 Znakovni jezik – vnaprej posneto (AAA) — Tolmačenje v znakovnem jeziku je zagotovljeno za vso vnaprej posneto zvočno vsebino.

1.2.7 Razširjeni zvočni opis (AAA) — Razširjeni zvočni opisi so zagotovljeni, kjer premori v zvoku ne zadostujejo za običajne zvočne opise.

1.2.8 Medijska alternativa – vnaprej posneto (AAA) — Celotna besedilna alternativa je zagotovljena za vse vnaprej posnete sinhronizirane medije in le-video vsebino.

1.2.9 Samo zvok – v živo (AAA) — Besedilna alternativa je zagotovljena za le-zvočno vsebino v živo.

1.3.6 Identifikacija namena (AAA) — Namen komponent uporabniškega vmesnika, ikon in regij je programsko določljiv.

1.4.6 Kontrast – izboljšano (AAA) — Besedilo ima kontrastno razmerje vsaj 7:1 za navadno besedilo in 4,5:1 za veliko besedilo.

1.4.7 Nizek ali brez zvoka v ozadju (AAA) — Vnaprej posneta le-zvočna vsebina, ki vsebuje pretežno govor, ima nizko ali brez hrupa v ozadju.

1.4.8 Vizualna predstavitev (AAA) — Besedilni bloki ponujajo vizualno prilagajanje, vključno z barvami ospredja/ozadja, širino, razmikom vrstic in poravnavo.

1.4.9 Slike besedila – brez izjeme (AAA) — Slike besedila se uporabljajo le za čisto dekoracijo ali kjer je bistveno.

2.1.3 Tipkovnica – brez izjeme (AAA) — Vsa funkcionalnost je upravljiva prek tipkovnice brez izjem.

2.2.3 Brez časovne omejitve (AAA) — Čas ni bistven del dogodka ali dejavnosti, razen za medije v realnem času in sinhronizirane medije.

2.2.4 Prekinitve (AAA) — Prekinitve lahko uporabnik odloži ali zatre.

2.2.5 Ponovna overitev (AAA) — Ko overitvena seja poteče, lahko uporabnik nadaljuje po ponovni overitvi brez izgube podatkov.

2.2.6 Časovne omejitve (AAA) — Uporabniki so opozorjeni na časovne omejitve nedejavnosti, ki bi lahko povzročile izgubo podatkov, razen če so podatki ohranjeni vsaj 20 ur.

2.3.2 Tri utripanja (AAA) — Nič na strani ne utripa več kot trikrat na sekundo, brez izjem.

2.3.3 Animacija iz interakcij (AAA) — Gibalno animacijo, ki jo sproži interakcija, je mogoče onemogočiti, razen če je bistvena.

2.4.8 Lokacija (AAA) — Informacije o lokaciji uporabnika znotraj nabora strani so na voljo (npr. drobtine).

2.4.9 Namen povezave – samo povezava (AAA) — Namen vsake povezave je mogoče ugotoviti iz besedila povezave samega.

2.4.10 Naslovi razdelkov (AAA) — Naslovi razdelkov se uporabljajo za organizacijo vsebine.

2.5.5 Velikost cilja – izboljšano (AAA) — Interaktivni cilji so vsaj 44 krat 44 CSS pikslov.

2.5.6 Sočasni načini vnosa (AAA) — Vsebina ne omejuje uporabe načinov vnosa, ki so na voljo na platformi.

3.1.3 Neobičajne besede (AAA) — Na voljo je mehanizem za identifikacijo specifičnih definicij besed ali fraz, uporabljenih na neobičajen način.

3.1.4 Kratice (AAA) — Na voljo je mehanizem za identifikacijo razširjene oblike kratic.

3.1.5 Raven branja (AAA) — Ko besedilo zahteva bolj napredno bralno sposobnost kot nižja sekundarna stopnja izobraževanja, je na voljo dopolnilna vsebina ali alternativna različica.

3.1.6 Izgovorjava (AAA) — Na voljo je mehanizem za identifikacijo izgovorjave besed, kjer je pomen dvoumen brez izgovorjave.

3.2.4 Dosledna identifikacija (AA) — Komponente z enako funkcionalnostjo znotraj nabora strani so dosledno identificirane.

3.2.5 Sprememba na zahtevo (AAA) — Spremembe konteksta se sprožijo le na zahtevo uporabnika ali pa je na voljo mehanizem za izklop takšnih sprememb.

3.3.5 Pomoč (AAA) — Na voljo je kontekstno občutljiva pomoč.

3.3.6 Preprečevanje napak – vse (AAA) — Za vse strani, ki zahtevajo uporabnikov vnos, so oddaje razveljavljivne, preverjene ali potrjene.