Lista de verificare WCAG 2.2: Toate cele 86 de criterii de succes explicate

Această listă de verificare acoperă fiecare criteriu de succes din WCAG 2.2, organizat după cele patru principii POUR și cele treisprezece linii directoare. Fiecare criteriu include nivelul său de conformitate, o explicație practică și orientări despre ce înseamnă în practică.

Principiul 1: Perceptibil

Informația și componentele interfeței utilizatorului trebuie să poată fi prezentate utilizatorilor în moduri pe care aceștia le pot percepe.

Linia directoare 1.1: Alternative text

1.1.1 Conținut non-textual (nivel A) — Tot conținutul non-textual prezentat utilizatorului are o alternativă text care servește un scop echivalent. Aceasta include imagini, icoane, diagrame, sunet, video, animații, CAPTCHA și elemente decorative. Imaginile informative au nevoie de text alternativ descriptiv. Imaginile funcționale au nevoie de text alternativ care descrie funcția. Imaginile decorative au nevoie de text alternativ gol. Imaginile complexe au nevoie de descrieri text detaliate.

Linia directoare 1.2: Media bazată pe timp

1.2.1 Doar audio și doar video — preînregistrat (nivel A) — Oferă o transcriere pentru conținutul audio preînregistrat și fie o transcriere, fie o descriere audio pentru conținutul video preînregistrat fără sunet.

1.2.2 Subtitrări — preînregistrat (nivel A) — Oferă subtitrări sincronizate pentru toate videoclipurile preînregistrate cu conținut audio.

1.2.3 Descriere audio sau alternativă media — preînregistrat (nivel A) — Oferă o descriere audio sau o alternativă text completă pentru conținutul video preînregistrat.

1.2.4 Subtitrări — live (nivel AA) — Oferă subtitrări în timp real pentru tot sunetul live din conținutul video.

1.2.5 Descriere audio — preînregistrat (nivel AA) — Oferă descriere audio pentru tot conținutul video preînregistrat în care informația vizuală importantă nu este deja transmisă prin sunet.

Linia directoare 1.3: Adaptabil

1.3.1 Informație și relații (nivel A) — Informația, structura și relațiile transmise prin prezentare pot fi determinate programatic sau sunt disponibile în text. Folosește marcajul corect de titluri, liste, tabele, etichete de formular și repere pentru a transmite structura evidentă vizual.

1.3.2 Ordine semnificativă (nivel A) — Când ordinea în care este prezentat conținutul îi afectează semnificația, o ordine corectă de citire poate fi determinată programatic. Ordinea DOM ar trebui să corespundă ordinii vizuale.

1.3.3 Caracteristici senzoriale (nivel A) — Instrucțiunile pentru înțelegerea și operarea conținutului nu se bazează exclusiv pe caracteristici senzoriale precum forma, culoarea, dimensiunea, poziția vizuală, orientarea sau sunetul.

1.3.4 Orientare (nivel AA) — Conținutul nu își limitează afișarea și operarea la o singură orientare a ecranului, cu excepția cazului în care o orientare specifică este esențială.

1.3.5 Identificarea scopului inputului (nivel AA) — Scopul câmpurilor de input care colectează informații despre utilizator poate fi determinat programatic folosind atributul autocomplete.

Linia directoare 1.4: Distingibil

1.4.1 Utilizarea culorii (nivel A) — Culoarea nu este folosită ca singur mijloc vizual de a transmite informație, indica o acțiune, solicita un răspuns sau distinge un element vizual.

1.4.2 Control audio (nivel A) — Dacă sunetul se redă automat mai mult de trei secunde, oferă un mecanism de a pune pe pauză, opri sau controla volumul independent.

1.4.3 Contrast — minim (nivel AA) — Textul și imaginile cu text au un raport de contrast de cel puțin 4,5:1, cu excepția textului mare (3:1), textului incidental și logotipurilor.

1.4.4 Redimensionarea textului (nivel AA) — Textul poate fi mărit până la 200% fără pierderea conținutului sau funcționalității.

1.4.5 Imagini cu text (nivel AA) — Textul este folosit pentru a transmite informație în locul imaginilor cu text, cu excepția cazului în care o prezentare vizuală specifică este esențială.

1.4.10 Reflow (nivel AA) — Conținutul poate fi prezentat fără pierderea informației sau funcționalității și fără a necesita derulare în două dimensiuni la 320 pixeli CSS lățime pentru conținut vertical și 256 pixeli CSS înălțime pentru conținut orizontal.

1.4.11 Contrast non-text (nivel AA) — Componentele interfeței utilizatorului și obiectele grafice semnificative au un raport de contrast de cel puțin 3:1 față de culorile adiacente.

1.4.12 Spațierea textului (nivel AA) — Nu apare nicio pierdere de conținut sau funcționalitate când utilizatorii ajustează înălțimea liniei la 1,5x dimensiunea fontului, spațierea paragrafelor la 2x dimensiunea fontului, spațierea literelor la 0,12x dimensiunea fontului și spațierea cuvintelor la 0,16x dimensiunea fontului.

1.4.13 Conținut la hover sau focus (nivel AA) — Unde primirea și îndepărtarea hover-ului sau focusului tastaturii declanșează conținut suplimentar care apare și dispare, acel conținut este anulabil, accesibil la hover și persistent.

Principiul 2: Operabil

Componentele interfeței utilizatorului și navigarea trebuie să fie operabile.

Linia directoare 2.1: Accesibilitate prin tastatură

2.1.1 Tastatură (nivel A) — Toată funcționalitatea poate fi operată printr-o interfață de tastatură fără a necesita temporizări specifice.

2.1.2 Fără capcană de tastatură (nivel A) — Dacă focusul tastaturii poate fi mutat la o componentă, focusul poate fi mutat și de la ea doar cu tastatura.

2.1.4 Scurtături de caractere (nivel A) — Dacă o scurtătură de tastatură folosește doar litere, semne de punctuație, cifre sau simboluri, scurtătura poate fi dezactivată, redefinită sau activată doar când componenta relevantă are focus.

Linia directoare 2.2: Timp suficient

2.2.1 Temporizare ajustabilă (nivel A) — Pentru orice limită de timp setată de conținut, utilizatorul o poate dezactiva, ajusta sau prelungi.

2.2.2 Pauză, oprire, ascundere (nivel A) — Pentru conținut care se mișcă, clipește, derulează sau se actualizează automat, și care pornește automat și durează mai mult de cinci secunde, utilizatorii pot pune pe pauză, opri sau ascunde.

Linia directoare 2.3: Convulsii și reacții fizice

2.3.1 Trei clipiri sau sub prag (nivel A) — Nimic de pe pagină nu clipește mai mult de trei ori în orice perioadă de o secundă.

Linia directoare 2.4: Navigabil

2.4.1 Sărirea blocurilor (nivel A) — Un mecanism este disponibil pentru a sări peste blocurile de conținut repetitiv, cum ar fi linkurile de salt peste navigare.

2.4.2 Titlul paginii (nivel A) — Paginile web au titluri care descriu subiectul sau scopul lor.

2.4.3 Ordinea focusului (nivel A) — Componentele focalizabile primesc focus într-o ordine care păstrează semnificația și operabilitatea.

2.4.4 Scopul linkului — în context (nivel A) — Scopul fiecărui link poate fi determinat din textul linkului singur sau împreună cu contextul său.

2.4.5 Metode multiple (nivel AA) — Mai mult de o metodă este disponibilă pentru a găsi o pagină în cadrul unui set de pagini.

2.4.6 Titluri și etichete (nivel AA) — Titlurile și etichetele descriu subiectul sau scopul lor.

2.4.7 Focus vizibil (nivel A) — Orice interfață operabilă prin tastatură are un indicator de focus vizibil.

2.4.11 Focus neascuns — minim (nivel AA) — Când o componentă primește focus de tastatură, nu este complet ascunsă de conținut creat de autor. (Nou în WCAG 2.2)

2.4.12 Focus neascuns — extins (nivel AAA) — Când o componentă primește focus de tastatură, nicio parte a indicatorului de focus nu este ascunsă de conținut creat de autor. (Nou în WCAG 2.2)

2.4.13 Aspectul focusului (nivel AAA) — Indicatorii de focus au dimensiune suficientă (cel puțin un perimetru de 2 pixeli) și contrast (cel puțin 3:1 între starea focalizată și nefocalizată). (Nou în WCAG 2.2)

Linia directoare 2.5: Modalități de input

2.5.1 Gesturi de pointer (nivel A) — Toată funcționalitatea care folosește gesturi multipoint sau bazate pe traseu poate fi operată cu un singur pointer fără un gest bazat pe traseu.

2.5.2 Anularea pointerului (nivel A) — Pentru funcționalitatea cu un singur pointer, acțiunea se declanșează la evenimentul up și poate fi anulată sau anulabilă.

2.5.3 Eticheta în nume (nivel A) — Pentru componentele cu etichete text, numele accesibil conține textul prezentat vizual.

2.5.4 Activare prin mișcare (nivel A) — Funcționalitatea declanșată de mișcarea dispozitivului sau a utilizatorului poate fi operată și printr-o componentă a interfeței utilizatorului, iar declanșarea prin mișcare poate fi dezactivată.

2.5.7 Gesturi de tragere (nivel AA) — Toată funcționalitatea care folosește tragerea poate fi realizată și cu un singur pointer fără tragere. (Nou în WCAG 2.2)

2.5.8 Dimensiunea țintei — minim (nivel AA) — Țintele interactive au cel puțin 24 pe 24 pixeli CSS, cu excepții pentru țintele inline, țintele controlate de agentul utilizator și țintele suficient de distanțate. (Nou în WCAG 2.2)

Principiul 3: Ușor de înțeles

Informația și operarea interfeței utilizatorului trebuie să fie ușor de înțeles.

Linia directoare 3.1: Lizibil

3.1.1 Limba paginii (nivel A) — Limba implicită a fiecărei pagini web poate fi determinată programatic prin atributul lang.

3.1.2 Limba părților (nivel AA) — Limba fiecărui pasaj sau propoziție poate fi determinată programatic, cu excepția numelor proprii și a termenilor tehnici.

Linia directoare 3.2: Previzibil

3.2.1 La focus (nivel A) — Când o componentă primește focus, nu declanșează o schimbare de context.

3.2.2 La input (nivel A) — Schimbarea setării unei componente nu cauzează automat o schimbare de context, cu excepția cazului în care utilizatorul a fost avertizat în prealabil.

3.2.3 Navigare consecventă (nivel AA) — Mecanismele de navigare repetate pe mai multe pagini apar în aceeași ordine relativă de fiecare dată.

3.2.6 Ajutor consecvent (nivel A) — Dacă mecanismele de ajutor apar pe mai multe pagini, ele apar în aceeași poziție relativă. (Nou în WCAG 2.2)

Linia directoare 3.3: Asistență la input

3.3.1 Identificarea erorilor (nivel A) — Dacă o eroare de input este detectată automat, elementul cu eroare este identificat, iar eroarea este descrisă în text.

3.3.2 Etichete sau instrucțiuni (nivel A) — Etichete sau instrucțiuni sunt furnizate când conținutul necesită input din partea utilizatorului.

3.3.3 Sugestii de eroare (nivel AA) — Dacă o eroare de input este detectată și sugestii sunt cunoscute, ele sunt furnizate utilizatorului.

3.3.4 Prevenirea erorilor — juridic, financiar, date (nivel AA) — Pentru paginile care cauzează obligații juridice, tranzacții financiare sau modificări de date, trimiterile sunt reversibile, verificate sau confirmabile.

3.3.7 Introducere redundantă (nivel A) — Informația introdusă anterior în același proces este completată automat sau disponibilă pentru selecție. (Nou în WCAG 2.2)

3.3.8 Autentificare accesibilă — minim (nivel AA) — Un test de funcție cognitivă nu este necesar pentru autentificare, cu excepția cazului în care sunt disponibile alternative sau mecanisme de asistență. Testele de recunoaștere a obiectelor sunt permise. (Nou în WCAG 2.2)

3.3.9 Autentificare accesibilă — extins (nivel AAA) — La fel ca 3.3.8 dar fără excepția pentru recunoașterea obiectelor. (Nou în WCAG 2.2)

Principiul 4: Robust

Conținutul trebuie să fie suficient de robust pentru a fi interpretat fiabil de o gamă largă de tehnologii de utilizator.

Linia directoare 4.1: Compatibil

4.1.2 Nume, rol, valoare (nivel A) — Pentru toate componentele interfeței utilizatorului, numele și rolul pot fi determinate programatic, stările și proprietățile pot fi setate, iar modificările sunt disponibile pentru tehnologiile asistive.

4.1.3 Mesaje de stare (nivel AA) — Mesajele de stare pot fi determinate programatic prin rol sau proprietăți, astfel încât să fie prezentate utilizatorului de tehnologiile asistive fără a primi focus.

Notă: SC 4.1.1 Parsing a fost eliminat din WCAG 2.2 ca depășit.

Criterii de nivel AAA (suplimentare)

Următoarele criterii de nivel AAA nu sunt listate mai sus, dar fac parte din WCAG 2.2. Ele reprezintă cel mai înalt nivel de accesibilitate și sunt recomandate acolo unde este practic posibil:

1.2.6 Limbajul semnelor — preînregistrat (AAA) — Interpretarea în limbajul semnelor este furnizată pentru tot conținutul audio preînregistrat.

1.2.7 Descriere audio extinsă (AAA) — Descrierea audio extinsă este furnizată acolo unde pauzele din audio sunt insuficiente pentru descrierea audio normală.

1.2.8 Alternativă media — preînregistrat (AAA) — O alternativă text completă este furnizată pentru tot conținutul media sincronizat preînregistrat și conținutul video fără sunet.

1.2.9 Doar audio — live (AAA) — O alternativă text este furnizată pentru conținutul audio live.

1.3.6 Identificarea scopului (AAA) — Scopul componentelor interfeței utilizatorului, icoanelor și regiunilor poate fi determinat programatic.

1.4.6 Contrast — extins (AAA) — Textul are un raport de contrast de cel puțin 7:1 pentru text normal și 4,5:1 pentru text mare.

1.4.7 Sunet de fundal redus sau inexistent (AAA) — Conținutul audio preînregistrat care conține în principal vorbire are sunet de fundal redus sau inexistent.

1.4.8 Prezentare vizuală (AAA) — Blocurile de text oferă personalizare vizuală, inclusiv culorile de prim-plan/fundal, lățimea, spațierea liniilor și alinierea.

1.4.9 Imagini cu text — fără excepție (AAA) — Imaginile cu text sunt folosite doar pentru decorare pură sau acolo unde este esențial.

2.1.3 Tastatură — fără excepție (AAA) — Toată funcționalitatea poate fi operată prin tastatură fără excepții.

2.2.3 Fără temporizare (AAA) — Temporizarea nu este o parte esențială a evenimentului sau activității, cu excepția mediilor în timp real și sincronizate.

2.2.4 Întreruperi (AAA) — Întreruperile pot fi amânate sau suprimate de utilizator.

2.2.5 Re-autentificare (AAA) — Când o sesiune autentificată expiră, utilizatorul poate continua după re-autentificare fără a pierde date.

2.2.6 Expirări (AAA) — Utilizatorii sunt avertizați despre expirările de inactivitate care pot cauza pierderea datelor, cu excepția cazului în care datele sunt păstrate cel puțin 20 de ore.

2.3.2 Trei clipiri (AAA) — Nimic de pe pagină nu clipește mai mult de trei ori pe secundă, fără excepții.

2.3.3 Animație din interacțiuni (AAA) — Animația de mișcare declanșată de interacțiune poate fi dezactivată, cu excepția cazului în care este esențială.

2.4.8 Locație (AAA) — Informația despre locația utilizatorului în cadrul unui set de pagini este disponibilă (de ex. breadcrumbs).

2.4.9 Scopul linkului — doar link (AAA) — Scopul fiecărui link poate fi determinat doar din textul linkului.

2.4.10 Titluri de secțiune (AAA) — Titlurile de secțiune sunt folosite pentru a organiza conținutul.

2.5.5 Dimensiunea țintei — extins (AAA) — Țintele interactive au cel puțin 44 pe 44 pixeli CSS.

2.5.6 Mecanisme de input simultane (AAA) — Conținutul nu restricționează utilizarea modalităților de input disponibile pe platformă.

3.1.3 Cuvinte neobișnuite (AAA) — Un mecanism este disponibil pentru a identifica definițiile specifice ale cuvintelor sau expresiilor folosite într-un mod neobișnuit.

3.1.4 Abrevieri (AAA) — Un mecanism pentru identificarea formei extinse a abrevierilor este disponibil.

3.1.5 Nivel de citire (AAA) — Când textul necesită abilități de citire mai avansate decât nivelul școlii generale, conținut suplimentar sau o versiune alternativă este disponibilă.

3.1.6 Pronunție (AAA) — Un mecanism este disponibil pentru a identifica pronunția cuvintelor unde semnificația este ambiguă fără pronunție.

3.2.4 Identificare consecventă (AA) — Componentele cu aceeași funcționalitate în cadrul unui set de pagini sunt identificate consecvent.

3.2.5 Schimbare la cerere (AAA) — Schimbările de context sunt inițiate doar la cererea utilizatorului, sau un mecanism de dezactivare a unor astfel de schimbări este disponibil.

3.3.5 Ajutor (AAA) — Ajutorul contextual sensibil este disponibil.

3.3.6 Prevenirea erorilor — toate (AAA) — Pentru toate paginile care necesită input din partea utilizatorului, trimiterile sunt reversibile, verificate sau confirmabile.