Listă de verificare a accesibilității site-ului conform ADA (WCAG 2.1 AA)
Toate criteriile de succes WCAG 2.1 de nivel A și AA: ce trebuie verificat și dacă ajută un instrument automat. Bifați fiecare criteriu pe care site-ul îl îndeplinește.
Descărcați PDF-ul
Gratuit, fără e-mail. Printați-o sau distribuiți linkul.
- Criterii de succes
- 49
- Parțial automat
- 21
- Verificare manuală
- 28
Cum folosiți lista
- Începeți cu o verificare automată: găsește rapid problemele marcate „parțial automat”.
- Apoi parcurgeți manual fiecare criteriu: cu tastatura, un cititor de ecran și zoom la 200% și 400%.
- „Parțial automat” înseamnă că un instrument testează o parte din criteriu; restul trebuie confirmat de o persoană.
Folosirea acestei liste nu certifică faptul că un site respectă vreo lege.
1. Perceptibil
| Nr. | Criteriu de succes | Ce trebuie verificat | Testare |
|---|---|---|---|
| 1.1.1 | Conținut non-text Nivel A · WCAG 2.0 | WCAG 1.1.1 cere un text alternativ pentru fiecare imagine, pictogramă și buton-imagine (nivelul A). Cum scrieți textul alt, când poate fi gol și cum verificați. | Parțial automat |
| 1.2.1 | Doar audio și doar video (preînregistrat) Nivel A · WCAG 2.0 | WCAG 1.2.1 cere o transcriere pentru audio înregistrat și o alternativă text sau audio pentru video fără sunet (nivelul A). Ce contează, excepția, verificarea. | Verificare manuală |
| 1.2.2 | Subtitrări (preînregistrate) Nivel A · WCAG 2.0 | WCAG 1.2.2 cere subtitrări pentru orice video preînregistrat cu sunet (nivelul A). Ce trebuie să conțină, de ce cele automate nu ajung și cum le verificați. | Parțial automat |
| 1.2.3 | Audiodescriere sau alternativă media (preînregistrate) Nivel A · WCAG 2.0 | WCAG 1.2.3 cere audiodescriere sau o alternativă text completă pentru video înregistrat (nivelul A). Ce înseamnă fiecare opțiune, excepțiile și verificarea. | Verificare manuală |
| 1.2.4 | Subtitrări (în direct) Nivel AA · WCAG 2.0 | WCAG 1.2.4 cere subtitrări pentru video în direct cu sunet, precum webinarii și live shopping (nivelul AA). Ce e în direct, ce nu intră și cum verificați. | Verificare manuală |
| 1.2.5 | Audiodescriere (preînregistrată) Nivel AA · WCAG 2.0 | WCAG 1.2.5 cere audiodescriere pentru orice video preînregistrat cu sunet (nivelul AA). Când nu e necesară, descrierea extinsă și cum verificați videoclipurile. | Verificare manuală |
| 1.3.1 | Informații și relații Nivel A · WCAG 2.0 | WCAG 1.3.1 cere ca titlurile, listele, tabelele și etichetele să fie marcate în cod, nu doar stilizate (nivelul A). Greșeli tipice, testarea și remedierea. | Parțial automat |
| 1.3.2 | Secvență cu sens Nivel A · WCAG 2.0 | WCAG 1.3.2 cere ca ordinea conținutului în cod să își păstreze sensul când e citită cu voce tare (nivelul A). Greșeli de layout CSS, testare și remediere. | Verificare manuală |
| 1.3.3 | Caracteristici senzoriale Nivel A · WCAG 2.0 | WCAG 1.3.3: instrucțiunile nu trebuie să depindă doar de formă, culoare, mărime, poziție sau sunet, ca „butonul rotund” (nivelul A). Exemple și remediere. | Verificare manuală |
| 1.3.4 | Orientare Nivel AA · WCAG 2.1 | WCAG 1.3.4 cere ca un site să nu își blocheze afișarea în portret sau peisaj, decât dacă o orientare e esențială (nivelul AA). Ce înseamnă, testare, remediere. | Parțial automat |
| 1.3.5 | Identificarea scopului datelor introduse Nivel AA · WCAG 2.1 | WCAG 1.3.5 cere ca prin autocomplete câmpurile cu datele utilizatorului, ca numele sau e-mailul, să-și declare scopul (nivelul AA). Ce câmpuri și testarea. | Parțial automat |
| 1.4.1 | Utilizarea culorii Nivel A · WCAG 2.0 | WCAG 1.4.1: culoarea nu trebuie să fie singurul mijloc vizual de a arăta informații, precum linkuri, erori sau stocul (nivelul A). Linkuri, exemple, verificare. | Parțial automat |
| 1.4.2 | Controlul sunetului Nivel A · WCAG 2.0 | WCAG 1.4.2: sunetul redat automat mai mult de 3 secunde are nevoie de o cale de a-l pune pe pauză, opri sau regla volumul (nivelul A). Greșeli și verificare. | Parțial automat |
| 1.4.3 | Contrast (minim) Nivel AA · WCAG 2.0 | WCAG 1.4.3 cere un raport de contrast de cel puțin 4,5:1 pentru text și 3:1 pentru textul mare (nivelul AA). Ce este textul mare, excepțiile și cum se verifică. | Parțial automat |
| 1.4.4 | Redimensionarea textului Nivel AA · WCAG 2.0 | WCAG 1.4.4 cere ca textul să poată fi mărit la 200 % fără pierdere de conținut sau funcții (nivelul AA). De ce blocarea zoomului e greșită, excepții, test. | Parțial automat |
| 1.4.5 | Imagini cu text Nivel AA · WCAG 2.0 | WCAG 1.4.5 cere text real în locul imaginilor cu text, acolo unde este posibil (nivelul AA). Excepții pentru sigle și text esențial, exemple și verificare. | Verificare manuală |
| 1.4.10 | Reflow (readaptarea conținutului) Nivel AA · WCAG 2.1 | WCAG 1.4.10 cere ca paginile să funcționeze la 320 px CSS lățime sau zoom de 400 %, fără derulare orizontală (nivelul AA). Excepții, verificare și remediere. | Verificare manuală |
| 1.4.11 | Contrast non-text Nivel AA · WCAG 2.1 | WCAG 1.4.11 cere un contrast de 3:1 pentru pictograme, chenarele câmpurilor, indicatorii de focus și graficele (nivelul AA). Excepții, verificare și remediere. | Verificare manuală |
| 1.4.12 | Spațierea textului Nivel AA · WCAG 2.1 | WCAG 1.4.12: textul trebuie să funcționeze cu interlinie 1,5, spațiu de 2× după paragraf, 0,12 între litere și 0,16 între cuvinte (nivelul AA). Verificare. | Parțial automat |
| 1.4.13 | Conținut la hover sau focus Nivel AA · WCAG 2.1 | WCAG 1.4.13 cere ca tooltip-urile, mega-meniurile și ferestrele afișate la hover sau focus să poată fi închise, survolate și să persiste (nivelul AA). | Verificare manuală |
2. Operabil
| Nr. | Criteriu de succes | Ce trebuie verificat | Testare |
|---|---|---|---|
| 2.1.1 | Tastatură Nivel A · WCAG 2.0 | WCAG 2.1.1 cere ca fiecare funcție a unei pagini să poată fi folosită doar cu tastatura (nivelul A). Ce acoperă, singura excepție și cum se verifică navigarea. | Parțial automat |
| 2.1.2 | Fără capcană pentru tastatură Nivel A · WCAG 2.0 | WCAG 2.1.2: focusul tastaturii care intră într-o componentă trebuie să o poată părăsi doar cu tastatura (nivelul A). Capcane tipice și cum se verifică. | Verificare manuală |
| 2.1.4 | Comenzi rapide cu taste caracter Nivel A · WCAG 2.1 | WCAG 2.1.4: comenzile rapide dintr-o singură tastă caracter trebuie să poată fi dezactivate, remapate sau limitate la focus (nivelul A). Exemple și verificare. | Verificare manuală |
| 2.2.1 | Timp ajustabil Nivel A · WCAG 2.0 | WCAG 2.2.1 cere ca limitele de timp să poată fi dezactivate, ajustate sau prelungite, cu avertizare și 20 de secunde de prelungire (nivelul A). Excepții, teste. | Parțial automat |
| 2.2.2 | Pauză, oprire, ascundere Nivel A · WCAG 2.0 | WCAG 2.2.2: conținutul care se mișcă peste 5 secunde sau se actualizează automat trebuie să poată fi pus pe pauză, oprit sau ascuns (nivelul A). Carusele. | Parțial automat |
| 2.3.1 | Trei flash-uri sau sub prag Nivel A · WCAG 2.0 | WCAG 2.3.1 interzice conținutul care clipește de peste trei ori într-o secundă, dacă nu este sub pragurile de flash (nivelul A). Ce contează și cum se testează. | Verificare manuală |
| 2.4.1 | Ocolirea blocurilor Nivel A · WCAG 2.0 | WCAG 2.4.1 cere o modalitate de a sări peste blocurile repetate pe fiecare pagină, cum ar fi meniul (nivelul A). Skip link, landmark-uri, titluri și testare. | Parțial automat |
| 2.4.2 | Titlul paginii Nivel A · WCAG 2.0 | WCAG 2.4.2 cere ca fiecare pagină web să aibă un titlu care îi descrie subiectul sau scopul (nivelul A). Titluri bune pentru magazine și aplicații SPA, testare. | Parțial automat |
| 2.4.3 | Ordinea focusului Nivel A · WCAG 2.0 | WCAG 2.4.3 cere ca focusul tastaturii să se deplaseze într-o ordine care păstrează sensul și funcționarea (nivelul A). Tabindex pozitiv, pop-up-uri, testare. | Verificare manuală |
| 2.4.4 | Scopul linkului (în context) Nivel A · WCAG 2.0 | WCAG 2.4.4 cere ca scopul fiecărui link să reiasă din text sau din context (nivelul A). De ce eșuează „Citiți mai mult” și pictogramele fără nume și ce faceți. | Parțial automat |
| 2.4.5 | Modalități multiple Nivel AA · WCAG 2.0 | WCAG 2.4.5 cere mai multe modalități de a găsi o pagină, de exemplu meniu plus căutare sau hartă a site-ului (nivelul AA). Excepția checkout, testare. | Verificare manuală |
| 2.4.6 | Titluri și etichete Nivel AA · WCAG 2.0 | WCAG 2.4.6 cere ca titlurile și etichetele să descrie subiectul sau scopul (nivelul AA). Ce nu cere, ordinea titlurilor, etichete de formular, testare. | Verificare manuală |
| 2.4.7 | Focus vizibil Nivel AA · WCAG 2.0 | WCAG 2.4.7 cere ca focusul tastaturii să fie mereu vizibil (nivelul AA). De ce outline: none îl strică, diferența față de 2.4.13 și cum testați indicatorul. | Verificare manuală |
| 2.5.1 | Gesturi cu pointerul Nivel A · WCAG 2.1 | WCAG 2.5.1 cere ca ciupirea, glisarea și alte gesturi multipunct sau pe traseu să funcționeze și cu o simplă atingere sau un clic (nivelul A). Exemple și teste. | Verificare manuală |
| 2.5.2 | Anularea acțiunii pointerului Nivel A · WCAG 2.1 | WCAG 2.5.2 cere ca acțiunile pointerului să nu se declanșeze la apăsare, ca atingerile accidentale să poată fi anulate (nivelul A). Cele patru opțiuni și teste. | Verificare manuală |
| 2.5.3 | Eticheta în nume Nivel A · WCAG 2.1 | WCAG 2.5.3 cere ca numele accesibil al unui control să conțină textul etichetei vizibile (nivelul A), ca utilizatorii vocali să spună ce văd. Exemple. | Parțial automat |
| 2.5.4 | Acționare prin mișcare Nivel A · WCAG 2.1 | WCAG 2.5.4: funcțiile declanșate prin scuturarea sau înclinarea dispozitivului trebuie să meargă și cu controale pe ecran, iar mișcarea se dezactivează (A). | Verificare manuală |
3. Inteligibil
| Nr. | Criteriu de succes | Ce trebuie verificat | Testare |
|---|---|---|---|
| 3.1.1 | Limba paginii Nivel A · WCAG 2.0 | WCAG 3.1.1 cere ca limba principală a fiecărei pagini să poată fi citită de software, de obicei prin atributul lang din html (nivelul A). Ce înseamnă și teste. | Parțial automat |
| 3.1.2 | Limba părților Nivel AA · WCAG 2.0 | WCAG 3.1.2 cere marcarea pasajelor în altă limbă cu un atribut lang (nivelul AA). Excepțiile pentru nume și termeni, greșelile tipice din magazine și soluțiile. | Parțial automat |
| 3.2.1 | La focus Nivel A · WCAG 2.0 | WCAG 3.2.1 cere ca mutarea focusului pe un control să nu schimbe contextul, de pildă prin deschiderea unei ferestre sau pagini noi (nivelul A). Exemple, teste. | Verificare manuală |
| 3.2.2 | La introducerea datelor Nivel A · WCAG 2.0 | WCAG 3.2.2: schimbarea unui câmp, a unei casete de bifat sau a unei liste nu trebuie să schimbe contextul fără avertizare (nivelul A). Greșeli și teste. | Verificare manuală |
| 3.2.3 | Navigare consecventă Nivel AA · WCAG 2.0 | WCAG 3.2.3 cere ca meniurile repetate pe mai multe pagini să păstreze aceeași ordine relativă (nivelul AA). Ce este permis, greșeli tipice și cum se verifică. | Verificare manuală |
| 3.2.4 | Identificare consecventă Nivel AA · WCAG 2.0 | WCAG 3.2.4 cere ca elementele cu aceeași funcție să fie denumite la fel pe tot site-ul (nivelul AA). Ce contează, greșeli tipice în magazine și cum se verifică. | Verificare manuală |
| 3.3.1 | Identificarea erorilor Nivel A · WCAG 2.0 | WCAG 3.3.1 cere ca erorile din formulare să fie indicate și descrise în text, inclusiv câmpurile obligatorii goale (nivelul A). Greșeli tipice și remediere. | Verificare manuală |
| 3.3.2 | Etichete sau instrucțiuni Nivel A · WCAG 2.0 | WCAG 3.3.2 cere etichete sau instrucțiuni oriunde un formular așteaptă date, inclusiv la câmpurile opționale (nivelul A). Placeholder, câmpuri obligatorii. | Parțial automat |
| 3.3.3 | Sugestii pentru erori Nivel AA · WCAG 2.0 | WCAG 3.3.3 cere ca, atunci când o eroare este detectată și corecția e cunoscută, aceasta să fie sugerată (nivelul AA). Excepția de securitate, exemple, teste. | Verificare manuală |
| 3.3.4 | Prevenirea erorilor (juridice, financiare, date) Nivel AA · WCAG 2.0 | WCAG 3.3.4 cere ca comenzile, plățile și ștergerea datelor să fie reversibile, verificate sau confirmate înainte de a fi definitive (nivelul AA). Ce înseamnă. | Verificare manuală |
4. Robust
| Nr. | Criteriu de succes | Ce trebuie verificat | Testare |
|---|---|---|---|
| 4.1.2 | Nume, rol, valoare Nivel A · WCAG 2.0 | WCAG 4.1.2 cere ca fiecare buton, link și control de formular să își expună numele, rolul și starea tehnologiilor asistive (nivelul A). Erori ARIA și remedieri. | Parțial automat |
| 4.1.3 | Mesaje de stare Nivel AA · WCAG 2.1 | WCAG 4.1.3 cere ca mesaje precum „Adăugat în coș” sau „12 rezultate” să fie anunțate de cititoarele de ecran fără mutarea focusului (nivelul AA). role=status. | Verificare manuală |
Verificare automată, nu un audit complet. Nu reprezintă consultanță juridică.
Descărcați lista de verificare în PDF
Toate criteriile de succes de nivel A și AA: ce trebuie verificat, cu o căsuță de bifat. Gratuit, cu link pe e-mail.