WCAG 2.1
Ce este WCAG 2.1: 4 principii, 13 ghiduri, 78 de criterii de succes pe niveluri A, AA și AAA, cele 17 criterii noi față de WCAG 2.0 și diferențele față de WCAG 2.2.
Ghid practic
Checklist WCAG 2.1 nivel AA
Toate cele 50 de criterii de nivel A și AA, explicate pe scurt, ca să știi ce verifici.
Mai jos găsești toate cele 50 de criterii de succes WCAG 2.1 de nivel A și AA, grupate pe cele patru principii, cu o explicație scurtă a ce trebuie verificat. Folosește lista ca punct de plecare pentru verificări interne. Pentru o evaluare formală, recomandăm un audit realizat de experți.
Lista este o sinteză explicativă. Textul normativ complet al criteriilor se găsește în specificația WCAG 2.1 publicată de W3C.
1. Perceptibil
| Criteriu | Denumire | Nivel | Ce verifici |
|---|---|---|---|
| 1.1.1 | Conținut non-text | A | Imaginile informative au text alternativ; cele decorative sunt ignorate |
| 1.2.1 | Doar audio și doar video (preînregistrat) | A | Există transcriere sau alternativă echivalentă |
| 1.2.2 | Subtitrări (preînregistrat) | A | Videoclipurile cu sunet au subtitrări |
| 1.2.3 | Descriere audio sau alternativă media | A | Informația vizuală din video este descrisă |
| 1.2.4 | Subtitrări (în direct) | AA | Transmisiunile live au subtitrări |
| 1.2.5 | Descriere audio (preînregistrat) | AA | Videoclipurile au descriere audio pentru informația vizuală |
| 1.3.1 | Informații și relații | A | Titluri, liste, tabele și etichete sunt marcate semantic |
| 1.3.2 | Succesiune cu sens | A | Ordinea de citire în cod este logică |
| 1.3.3 | Caracteristici senzoriale | A | Instrucțiunile nu depind doar de formă, poziție sau sunet |
| 1.3.4 | Orientare | AA | Conținutul funcționează în portret și peisaj |
| 1.3.5 | Identificarea scopului câmpului | AA | Câmpurile cu date personale au autocomplete corect |
| 1.4.1 | Utilizarea culorii | A | Culoarea nu este singurul mijloc de a transmite informația |
| 1.4.2 | Controlul sunetului | A | Sunetul redat automat poate fi oprit |
| 1.4.3 | Contrast (minim) | AA | 4,5:1 pentru text normal, 3:1 pentru text mare |
| 1.4.4 | Redimensionarea textului | AA | Textul poate fi mărit la 200% fără pierderi |
| 1.4.5 | Imagini ale textului | AA | Se folosește text real, nu imagini cu text |
| 1.4.10 | Reflow | AA | Fără derulare orizontală la 320 de pixeli lățime |
| 1.4.11 | Contrast non-text | AA | Componentele și graficele au contrast de 3:1 |
| 1.4.12 | Spațierea textului | AA | Conținutul rămâne lizibil la spațiere mărită |
| 1.4.13 | Conținut la hover sau focus | AA | Conținutul apărut poate fi închis și rămâne vizibil |
2. Operabil
| Criteriu | Denumire | Nivel | Ce verifici |
|---|---|---|---|
| 2.1.1 | Tastatură | A | Toate funcțiile pot fi folosite doar cu tastatura |
| 2.1.2 | Fără capcane pentru tastatură | A | Focusul nu rămâne blocat într-o componentă |
| 2.1.4 | Scurtături cu taste caracter | A | Scurtăturile dintr-o tastă pot fi oprite sau modificate |
| 2.2.1 | Timp ajustabil | A | Limitele de timp pot fi prelungite sau dezactivate |
| 2.2.2 | Pauză, oprire, ascundere | A | Conținutul în mișcare poate fi oprit |
| 2.3.1 | Maximum trei flash-uri | A | Nimic nu clipește de mai mult de trei ori pe secundă |
| 2.4.1 | Ocolirea blocurilor | A | Există un link de salt la conținut sau repere |
| 2.4.2 | Titlul paginii | A | Fiecare pagină are un titlu descriptiv |
| 2.4.3 | Ordinea focusului | A | Focusul urmează o ordine logică |
| 2.4.4 | Scopul linkului (în context) | A | Scopul fiecărui link reiese din text sau context |
| 2.4.5 | Modalități multiple | AA | Paginile pot fi găsite pe mai multe căi |
| 2.4.6 | Titluri și etichete | AA | Titlurile și etichetele descriu subiectul sau scopul |
| 2.4.7 | Focus vizibil | AA | Elementul cu focus are un indicator vizibil |
| 2.5.1 | Gesturi de pointer | A | Gesturile complexe au alternative cu un singur punct |
| 2.5.2 | Anularea acțiunii pointerului | A | Acțiunile se declanșează la eliberare |
| 2.5.3 | Eticheta în nume | A | Numele accesibil include textul vizibil |
| 2.5.4 | Acționare prin mișcare | A | Funcțiile prin mișcare au alternative și pot fi dezactivate |
3. Inteligibil
| Criteriu | Denumire | Nivel | Ce verifici |
|---|---|---|---|
| 3.1.1 | Limba paginii | A | Atributul lang este setat corect |
| 3.1.2 | Limba unor părți | AA | Fragmentele în altă limbă sunt marcate |
| 3.2.1 | La primirea focusului | A | Focusul nu schimbă contextul neașteptat |
| 3.2.2 | La introducerea datelor | A | Selectarea unei opțiuni nu schimbă pagina fără avertizare |
| 3.2.3 | Navigare consecventă | AA | Meniurile apar în aceeași ordine pe toate paginile |
| 3.2.4 | Identificare consecventă | AA | Aceleași funcții au aceleași denumiri |
| 3.3.1 | Identificarea erorilor | A | Erorile sunt semnalate în text |
| 3.3.2 | Etichete sau instrucțiuni | A | Câmpurile au etichete și instrucțiuni clare |
| 3.3.3 | Sugestii pentru erori | AA | Mesajele de eroare spun cum se corectează |
| 3.3.4 | Prevenirea erorilor (juridic, financiar, date) | AA | Tranzacțiile pot fi verificate, corectate sau anulate |
4. Robust
| Criteriu | Denumire | Nivel | Ce verifici |
|---|---|---|---|
| 4.1.1 | Parsare | A | Cod fără erori care afectează tehnologiile asistive (eliminat în WCAG 2.2) |
| 4.1.2 | Nume, rol, valoare | A | Componentele au nume, rol și stare expuse corect |
| 4.1.3 | Mesaje de stare | AA | Mesajele de stare sunt anunțate fără mutarea focusului |
Următorii pași
Dacă ai găsit probleme, începe cu cele care blochează sarcinile esențiale: navigarea cu tastatura, formularele și fluxul de comandă. Citește și greșelile frecvente și planul de conformitate în 8 pași.
Hai să facem site-ul tău accesibil
Spune-ne ce platformă ai și ce termene urmărești. Revenim cu o propunere clară, adaptată proiectului tău.
Cere o ofertă
sau scrie-ne direct la contact@datapulse.ro