Principiile POUR
Cele patru principii WCAG (POUR) explicate cu exemple: perceptibil, operabil, inteligibil, robust, și legătura lor cu cerințele din anexa Legii 232/2022.
Standard tehnic
WCAG 2.1, standardul accesibilității web
Structura, criteriile și nivelurile ghidurilor W3C care stau la baza legislației europene și românești.
Web Content Accessibility Guidelines (WCAG) 2.1 este o recomandare a World Wide Web Consortium (W3C), publicată în iunie 2018. Este cel mai folosit standard pentru accesibilitatea conținutului web și stă la baza standardului european EN 301 549, deci și a legislației din România.
Structura standardului
WCAG 2.1 este organizat pe patru niveluri:
| Nivel | Număr | Rol |
|---|---|---|
| Principii | 4 | Perceptibil, operabil, inteligibil, robust |
| Ghiduri | 13 | Obiective generale în cadrul fiecărui principiu |
| Criterii de succes | 78 | Cerințe testabile, independente de tehnologie |
| Tehnici | sute | Exemple de implementare suficientă sau recomandată, informative |
Ce a adus nou WCAG 2.1 față de 2.0
WCAG 2.1 extinde WCAG 2.0 cu 17 criterii noi, orientate în special spre dispozitivele mobile, persoanele cu vedere slabă și cele cu dizabilități cognitive. Conținutul conform cu WCAG 2.1 este conform și cu WCAG 2.0.
| Criteriu | Nivel | Pe scurt |
|---|---|---|
| 1.3.4 Orientare | AA | Conținutul nu este blocat într-o singură orientare a ecranului |
| 1.3.5 Identificarea scopului câmpului | AA | Câmpurile cu date personale pot fi completate automat |
| 1.3.6 Identificarea scopului | AAA | Scopul componentelor poate fi determinat programatic |
| 1.4.10 Reflow | AA | Fără derulare pe două direcții la 320 de pixeli lățime |
| 1.4.11 Contrast non-text | AA | Componentele și graficele au contrast de cel puțin 3:1 |
| 1.4.12 Spațierea textului | AA | Nicio pierdere de conținut la mărirea spațierii |
| 1.4.13 Conținut la hover sau focus | AA | Conținutul care apare poate fi închis, atins și rămâne vizibil |
| 2.1.4 Scurtături cu taste caracter | A | Scurtăturile dintr-o singură tastă pot fi dezactivate sau modificate |
| 2.2.6 Expirarea sesiunii | AAA | Utilizatorii sunt avertizați despre pierderea datelor |
| 2.3.3 Animații declanșate de interacțiune | AAA | Animațiile pot fi dezactivate |
| 2.5.1 Gesturi de pointer | A | Alternative pentru gesturile cu mai multe puncte sau trasee |
| 2.5.2 Anularea acțiunii pointerului | A | Acțiunea se declanșează la eliberare, cu posibilitate de anulare |
| 2.5.3 Eticheta în nume | A | Numele accesibil conține textul vizibil |
| 2.5.4 Acționare prin mișcare | A | Funcțiile declanșate prin mișcarea dispozitivului au alternative |
| 2.5.5 Dimensiunea țintei | AAA | Țintele au cel puțin 44 pe 44 de pixeli CSS |
| 2.5.6 Mecanisme de intrare concurente | AAA | Utilizatorul poate schimba metoda de intrare |
| 4.1.3 Mesaje de stare | AA | Mesajele de stare sunt anunțate fără mutarea focusului |
Cele 13 ghiduri
| Principiu | Ghiduri |
|---|---|
| 1. Perceptibil | 1.1 Alternative text · 1.2 Media temporală · 1.3 Adaptabil · 1.4 Distinctibil |
| 2. Operabil | 2.1 Accesibil de la tastatură · 2.2 Timp suficient · 2.3 Convulsii și reacții fizice · 2.4 Navigabil · 2.5 Modalități de intrare |
| 3. Inteligibil | 3.1 Lizibil · 3.2 Previzibil · 3.3 Asistență la introducerea datelor |
| 4. Robust | 4.1 Compatibil |
Ce este WCAG 2.2
WCAG 2.2 a fost publicat de W3C în octombrie 2023. Adaugă nouă criterii noi, printre care vizibilitatea focusului neacoperit de alte elemente, dimensiunea minimă a țintelor, alternative pentru acțiunile de tragere și autentificarea fără teste cognitive, și elimină criteriul 4.1.1 Parsing. Un site conform cu WCAG 2.2 este conform și cu WCAG 2.1. Recomandăm abordarea criteriilor din 2.2 încă de acum, mai ales la proiectele noi.
Cum se declară conformitatea
Pentru a fi conformă la un anumit nivel, o pagină trebuie să îndeplinească toate criteriile acelui nivel și ale nivelurilor inferioare, iar cerința se aplică paginilor întregi și proceselor complete. Detalii în pagina niveluri de conformitate. Pentru verificare practică, vezi checklistul WCAG 2.1 AA.
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