WCAG 2.2 AA suprantamai

Standartas

Kas yra WCAG 2.2

WCAG – tai W3C parengtos Žiniatinklio turinio prieinamumo gairės. Jose aprašyta, kaip interneto svetainių ir programėlių turinį bei sąsajas padaryti prieinamesnius žmonėms, turintiems regos, klausos, judėjimo, kalbos, pažinimo ar kitų negalių.

WCAG nėra dizaino šablonas ar vienas testavimo įrankis. Tai techninis standartas, sudarytas iš keturių principų, 13 gairių ir patikrinamų sėkmės kriterijų. Kriterijai taikomi įvairioms technologijoms ir įrenginiams – nuo stalinio kompiuterio iki mobiliojo telefono.

WCAG 2.2 papildo ankstesnes 2.0 ir 2.1 versijas. Svetainė, atitinkanti WCAG 2.2, kartu atitinka ir WCAG 2.1 bei 2.0 kriterijus, išskyrus tai, kad 2.2 versijoje kriterijus 4.1.1 „Analizavimas“ buvo pripažintas pasenusiu ir pašalintas. W3C rekomenduoja naujiems ir atnaujinamiems projektams rinktis WCAG 2.2.

Keturi prieinamumo principai

Visi WCAG kriterijai grupuojami pagal keturis principus. Patogi santrumpa anglų kalba – POUR: Perceivable, Operable, Understandable, Robust.

A, AA ir AAA atitikties lygiai

A

31 pagrindinis kriterijus. Jie šalina esmines kliūtis, pavyzdžiui, nevaldomą klaviatūra sąsają ar laukus be programiškai nustatyto pavadinimo.

AA

24 papildomi kriterijai. Kartu su A lygiu jie sudaro 55 kriterijų rinkinį, kuris dažniausiai pasirenkamas svetainėms vertinti.

AAA

Aukščiausio lygio papildomi kriterijai. Kai kurie jų gali būti prasmingi konkrečiam turiniui, tačiau W3C nerekomenduoja visos svetainės AAA atitikties laikyti bendra privaloma politika.

AA atitiktis reiškia, kad tenkinami visi taikomi A ir AA kriterijai. Tai nėra procentinis vidurkis: vienos kritinės užsakymo klaidos neatsveria daugybė tinkamai įgyvendintų elementų.

Kontrolinis sąrašas

Visi 55 WCAG 2.2 A ir AA kriterijai

Toliau pateikti trumpi praktiniai paaiškinimai padeda suprasti kriterijų paskirtį. Formaliam vertinimui reikia vadovautis norminiu W3C tekstu, kriterijų išimtimis ir taikomais metodais.

1. Suvokiamas turinys – 20 kriterijų

• 1.1.1 Ne tekstinis turinys (A). Prasmingi vaizdai, piktogramos ir valdikliai turi lygiavertį tekstinį pavadinimą; dekoratyviniai vaizdai paslepiami nuo pagalbinių technologijų.
• 1.2.1 Tik garso arba tik vaizdo įrašas (A). Iš anksto įrašytam garso ar vaizdo turiniui pateikiama informacijos alternatyva.
• 1.2.2 Iš anksto įrašyto turinio subtitrai (A). Vaizdo įrašo kalba ir svarbūs garsai pateikiami sinchronizuotais subtitrais.
• 1.2.3 Garsinis vaizdavimas arba medijos alternatyva (A). Svarbi vaizdinė informacija perteikiama garsiniu aprašu arba tekstine alternatyva.
• 1.2.4 Tiesioginio turinio subtitrai (AA). Tiesiogiai transliuojamam garsiniam turiniui pateikiami subtitrai.
• 1.2.5 Iš anksto įrašyto turinio garsinis vaizdavimas (AA). Vaizdo įrašo informacijai, kurios neperteikia garso takelis, pateikiamas garsinis aprašas.
• 1.3.1 Informacija ir ryšiai (A). Antraštės, sąrašai, lentelės, laukų etiketės ir grupės žymimos semantiškai, o ne vien vizualiai.
• 1.3.2 Prasminga seka (A). Programiškai nustatoma skaitymo tvarka išlaiko turinio prasmę, įskaitant mobiliąją versiją ir dialogus.
• 1.3.3 Jutiminės savybės (A). Instrukcijos neapsiriboja spalva, forma, dydžiu, padėtimi ar garsu, pavyzdžiui, „spauskite žalią mygtuką dešinėje“.
• 1.3.4 Ekrano orientacija (AA). Turinys nepriverstinai užrakinamas tik vertikaliame arba horizontaliame vaizde, nebent orientacija būtina funkcijai.
• 1.3.5 Įvesties paskirties nustatymas (AA). Dažnų asmens duomenų laukai turi programiškai nustatomą paskirtį, kad veiktų automatinis užpildymas.
• 1.4.1 Spalvos naudojimas (A). Spalva nėra vienintelis būdas parodyti klaidą, pasirinktą variantą, akciją ar nuorodą.
• 1.4.2 Garso valdymas (A). Ilgiau nei tris sekundes automatiškai grojantį garsą galima pristabdyti, sustabdyti arba atskirai reguliuoti.
• 1.4.3 Minimalus kontrastas (AA). Tekstas ir tekstą vaizduojantys elementai turi pakankamą kontrastą su fonu.
• 1.4.4 Teksto didinimas (AA). Tekstą galima padidinti iki 200 procentų neprarandant turinio ar funkcijų.
• 1.4.5 Teksto vaizdai (AA). Kai įmanoma, informacijai naudojamas tikras tekstas, o ne paveikslėlyje įrašyti žodžiai.
• 1.4.10 Turinio persitvarkymas (AA). Padidinus vaizdą ar naudojant siaurą ekraną, turinį galima skaityti neslenkant dviem kryptimis, išskyrus pagrįstas išimtis.
• 1.4.11 Ne tekstinio turinio kontrastas (AA). Valdiklių ribos, būsenos, aktyvaus elemento žymėjimas ir svarbios grafikos dalys turi pakankamą kontrastą.
• 1.4.12 Teksto tarpai (AA). Naudotojui padidinus eilučių, pastraipų, raidžių ar žodžių tarpus, turinys ir funkcijos nedingsta.
• 1.4.13 Turinys užvedus žymeklį ar gavus fokusą (AA). Atsirandantį papildomą turinį galima užverti, pasiekti žymekliu ir išlaikyti matomą, kol jis reikalingas.

2. Valdoma sąsaja – 20 kriterijų

• 2.1.1 Klaviatūra (A). Visos funkcijos pasiekiamos klaviatūra be reikalavimo atlikti konkrečiu greičiu vykdomus klavišų paspaudimus.
• 2.1.2 Klaviatūros spąstų nebuvimas (A). Fokusą galima perkelti į elementą ir iš jo įprastais klaviatūros veiksmais.
• 2.1.4 Vieno simbolio spartieji klavišai (A). Vienos raidės, skaičiaus ar simbolio komandas galima išjungti, pakeisti arba jos veikia tik esant fokusui.
• 2.2.1 Reguliuojamas laikas (A). Laiko limitą galima išjungti, pratęsti ar pakeisti, išskyrus pagrįstas išimtis.
• 2.2.2 Pristabdymas, sustabdymas, paslėpimas (A). Automatiškai judantį, mirksintį ar atsinaujinantį turinį galima valdyti.
• 2.3.1 Trys blyksniai arba mažiau (A). Turinys neblyksi pavojingu dažniu ir neviršija nustatytų ribų.
• 2.4.1 Pasikartojančių blokų praleidimas (A). Pateikiama galimybė pereiti tiesiai prie pagrindinio turinio, aplenkiant meniu ar kitus pasikartojančius blokus.
• 2.4.2 Puslapio pavadinimas (A). Kiekvienas puslapis turi jo temą ar paskirtį nusakantį pavadinimą.
• 2.4.3 Fokuso tvarka (A). Klaviatūros fokusas juda logiška seka, atitinkančia turinio ir veiksmų prasmę.
• 2.4.4 Nuorodos paskirtis kontekste (A). Iš nuorodos teksto ir jos konteksto galima suprasti, kur ji veda.
• 2.4.5 Keli būdai rasti puslapį (AA). Puslapį galima rasti bent dviem būdais, pavyzdžiui, per navigaciją, paiešką ar svetainės žemėlapį.
• 2.4.6 Antraštės ir etiketės (AA). Antraštės ir laukų pavadinimai aiškiai apibūdina temą arba paskirtį.
• 2.4.7 Matomas fokusas (AA). Klaviatūra pasirinktas interaktyvus elementas turi aiškiai matomą žymėjimą.
• 2.4.11 Fokusas neuždengiamas (AA). Fokusą gavęs elementas nėra visiškai paslėptas lipnios antraštės, slapukų juostos ar kito autoriaus sukurto turinio.
• 2.5.1 Sudėtingi žymeklio gestai (A). Kelių pirštų ar brėžiamos trajektorijos gestui pateikiama paprastesnė alternatyva.
• 2.5.2 Netyčinio paspaudimo atšaukimas (A). Veiksmas paprastai nevykdomas vien nuspaudus žymeklį arba naudotojas gali jį atšaukti.
• 2.5.3 Matomas pavadinimas sutampa su programiniu (A). Ekrane matomas mygtuko ar laukelio tekstas įtrauktas į pagalbinėms technologijoms perduodamą pavadinimą.
• 2.5.4 Valdymas judesiu (A). Purtymu, pakreipimu ar kitu įrenginio judesiu atliekamą veiksmą galima atlikti ir sąsajoje bei judesio atpažinimą išjungti.
• 2.5.7 Vilkimo alternatyva (AA). Vilkimo veiksmui, pavyzdžiui, prekių perrikiavimui, pateikiamas būdas, kuriam vilkti nereikia.
• 2.5.8 Minimalus valdiklio dydis (AA). Paspaudimo sritis yra bent 24 × 24 CSS pikselių arba tenkina vieną iš kriterijuje numatytų išimčių.

3. Suprantamas turinys ir veiksmai – 13 kriterijų

• 3.1.1 Puslapio kalba (A). HTML dokumente programiškai nustatyta pagrindinė turinio kalba.
• 3.1.2 Turinio dalių kalba (AA). Kita kalba parašytos frazės ar ištraukos pažymimos atitinkamu kalbos kodu, kai tai būtina tarimui ir prasmei.
• 3.2.1 Jokio netikėto pokyčio gavus fokusą (A). Vien elementui gavus fokusą neatsidaro naujas puslapis ar reikšmingai nepasikeičia kontekstas.
• 3.2.2 Jokio netikėto pokyčio įvedant duomenis (A). Pasirinkus reikšmę ar įvedus tekstą kontekstas nepasikeičia be išankstinio perspėjimo.
• 3.2.3 Nuosekli navigacija (AA). Pasikartojantys navigacijos elementai puslapiuose rodomi ta pačia santykine tvarka.
• 3.2.4 Nuoseklus elementų įvardijimas (AA). Tą pačią funkciją atliekantys komponentai svetainėje vadinami ir žymimi nuosekliai.
• 3.2.6 Nuosekli pagalba (A). Kontaktai, savitarna ar kitos pagalbos priemonės pasikartojančiuose puslapiuose pateikiamos nuosekliai.
• 3.3.1 Klaidos nustatymas (A). Klaidingas laukas aiškiai nurodomas, o klaida aprašoma tekstu.
• 3.3.2 Etiketės arba instrukcijos (A). Formos laukai turi aiškius pavadinimus, formatų pavyzdžius ir būtinas instrukcijas.
• 3.3.3 Klaidos taisymo pasiūlymas (AA). Kai įmanoma, naudotojui pateikiama konkreti ir saugi rekomendacija, kaip ištaisyti klaidą.
• 3.3.4 Teisinių, finansinių ir duomenų klaidų prevencija (AA). Svarbius veiksmus galima atšaukti, patikrinti arba patvirtinti prieš galutinai pateikiant.
• 3.3.7 Pakartotinis duomenų įvedimas (A). Tame pačiame procese jau įvestų duomenų nereikalaujama įvesti dar kartą, jei juos galima automatiškai pateikti ar pasirinkti.
• 3.3.8 Prieinamas tapatybės patvirtinimas (AA). Prisijungimas nereikalauja spręsti, prisiminti ar perrašyti informacijos be alternatyvos; leidžiama naudoti slaptažodžių tvarkykles ir įklijavimą.

4. Patikimas suderinamumas – 2 kriterijai

• 4.1.2 Pavadinimas, vaidmuo ir reikšmė (A). Valdiklių paskirtis, būsena ir reikšmė programiškai nustatomos ir perduodamos pagalbinėms technologijoms.
• 4.1.3 Būsenos pranešimai (AA). Pranešimai, pavyzdžiui, „prekė įdėta į krepšelį“ ar „rasta 12 rezultatų“, paskelbiami ekrano skaitytuvui neperkeliant fokuso.

Svarbiausios skaitinės ribos

Skaičiai nėra visas WCAG, bet šios ribos dažnai tikrinamos kuriant ir vertinant sąsajas.

Kontrasto, valdiklio dydžio ir kitų kriterijų išimtys aprašytos pačiame standarte, todėl ribų negalima vertinti atskirai nuo konteksto.

Kas naujo WCAG 2.2 AA lygyje

WCAG 2.2 pridėjo devynis kriterijus. Šeši iš jų priklauso A arba AA lygiui ir todėl patenka į įprastą WCAG 2.2 AA auditą:

• 2.4.11 Fokusas neuždengiamas (AA). Klaviatūra pasirinkto elemento negali visiškai paslėpti lipnūs puslapio elementai.
• 2.5.7 Vilkimo alternatyva (AA). Vilkimu atliekama funkcija turi būti pasiekiama paprastu žymeklio veiksmu.
• 2.5.8 Minimalus valdiklio dydis (AA). Mažinamas netikslių paspaudimų pavojus mobiliuosiuose ir kituose jutikliniuose įrenginiuose.
• 3.2.6 Nuosekli pagalba (A). Pagalbos priemonės pasikartojančiuose puslapiuose turi būti lengvai randamos toje pačioje vietoje ar sekoje.
• 3.3.7 Pakartotinis duomenų įvedimas (A). Ilguose procesuose mažinama atminties ir įvedimo našta.
• 3.3.8 Prieinamas tapatybės patvirtinimas (AA). Prisijungimas neturi blokuoti žmonių, kurie negali atlikti pažintinių užduočių.

Dar trys nauji kriterijai – 2.4.12, 2.4.13 ir 3.3.9 – priklauso AAA lygiui. Kriterijus 4.1.1 WCAG 2.2 versijoje pažymėtas kaip pasenęs ir pašalintas.

Praktikoje

Kaip WCAG klaidos pasireiškia e. prekyboje

E. parduotuvėje neužtenka patikrinti pagrindinio puslapio. Prieinamumas vertinamas per visą pirkėjo kelią ir skirtingas sąsajos būsenas.

Kaip atliekamas WCAG 2.2 AA testavimas

Patikimas vertinimas derina automatinius įrankius ir žmogaus atliekamus bandymus. Automatiniai įrankiai greitai aptinka dalį techninių problemų, tačiau negali patikimai įvertinti vaizdo aprašo prasmės, klaviatūros fokusavimo logikos, instrukcijų aiškumo ar viso užsakymo proceso.

1. Apibrėžiama vertinimo apimtis.Sudaromas puslapių tipų, bendrų komponentų, technologijų, trečiųjų šalių įskiepių ir svarbiausių procesų sąrašas.
2. Parenkama reprezentatyvi imtis.Į ją įtraukiami šablonai, skirtingos būsenos, klaidų scenarijai, mobilieji vaizdai ir visas pirkimo procesas.
3. Atliekami automatiniai patikrinimai.Ieškoma programiškai aptinkamų klaidų, pavyzdžiui, trūkstamų pavadinimų, kontrasto problemų ar neteisingų atributų.
4. Testuojama tik klaviatūra.Tikrinamas pasiekiamumas, fokuso tvarka ir matomumas, meniu, dialogai, filtrai, formos bei klaviatūros spąstai.
5. Testuojama ekrano skaitymo programa.Vertinami elementų pavadinimai, vaidmenys, būsenos, antraštės, regionai, formų klaidos ir dinaminiai pranešimai.
6. Tikrinamas vaizdo didinimas ir persitvarkymas.Vertinama, ar padidintas tekstas, siauras ekranas ir pakeisti teksto tarpai nepaslepia turinio bei funkcijų.
7. Patikrinamas visas procesas.E. prekyboje atliekama paieška, filtravimas, prekės pasirinkimas, krepšelis, užsakymas, mokėjimas ir patvirtinimas.
8. Rezultatai paverčiami darbų planu.Kiekviena problema susiejama su kriterijumi, vieta, poveikiu naudotojui, taisymo rekomendacija ir prioritetu.

Ką iš tikrųjų reiškia WCAG atitiktis

Pagal W3C atitikties modelį reikia vertinti pilnus puslapius ir pilnus procesus. Jei užsakymo procesą sudaro prekės pasirinkimas, krepšelis, pristatymo forma ir mokėjimas, visi šie etapai turi atitikti pasirinktą lygį.

• Atitikties lygis nurodomas tik tada, kai tenkinami visi tam lygiui ir žemesniems lygiams taikomi kriterijai.
• Vertinamas visas puslapis, o ne tik pagrindinė jo dalis.
• Vertinamas visas procesas, o ne vien sėkmingas galutinis ekranas.
• Naudojamos technologijos turi veikti su naršyklėmis ir pagalbinėmis technologijomis prieinamumą palaikančiu būdu.
• Neatitinkantis trečiosios šalies turinys negali trukdyti pasiekti likusio puslapio.

Net visiška techninė WCAG atitiktis negarantuoja, kad bus patenkintas kiekvienas individualus poreikis. Todėl brandžiuose projektuose kriterijų patikra papildoma naudojimo scenarijais, žmonių su negalia grįžtamuoju ryšiu ir nuolatine priežiūra.

Praktinis WCAG darbų planas

1. Sutvarkykite blokuojančias kliūtis.Pirmiausia taisykite problemas, dėl kurių negalima naršyti, pasirinkti prekės, užpildyti formos, prisijungti ar sumokėti.
2. Taisykite bendrus komponentus.Vienas pataisytas meniu, modalinis langas, laukelio komponentas ar produkto kortelė pašalina problemą daugelyje puslapių.
3. Įtraukite prieinamumą į priėmimo kriterijus.Dizaino ir programavimo užduotyse iš anksto nurodykite klaviatūros, fokuso, kontrasto, semantikos ir pranešimų reikalavimus.
4. Pakartotinai patikrinkite pataisymus.Po pakeitimų testuokite ne tik konkretų elementą, bet ir susijusį naudotojo procesą bei skirtingus ekranų dydžius.
5. Stebėkite pokyčius.Pakartokite svarbiausių šablonų ir procesų patikrą po didesnių leidimų, dizaino sistemos pakeitimų ar naujų integracijų.

Daugiau apie teisės aktų kontekstą skaitykite puslapyje „Europos prieinamumo aktas ir e. prekyba“.

Oficialūs šaltiniai

• WCAG 2.2 standartas — W3C (išorinė svetainė)↗
• Kaip įgyvendinti WCAG 2.2 — W3C greitoji nuoroda (išorinė svetainė)↗
• WCAG vertinimo metodika WCAG-EM — W3C (išorinė svetainė)↗
• WCAG dokumentų apžvalga — W3C WAI (išorinė svetainė)↗