Tehnic avansat
ARIA — când ajută și când strică
ARIA (Accessible Rich Internet Applications) adaugă semantică accesibilă elementelor HTML. Prima regulă ARIA: nu folosi ARIA dacă poți folosi HTML nativ.
Prima regulă ARIA: Folosește întotdeauna elementele HTML native dacă există.
<button> bate <div role="button"> în orice situație.Atribute ARIA frecvente
aria-label— etichetă accesibilă directăaria-labelledby— referință la element cu etichetaaria-describedby— descriere suplimentarăaria-expanded— stare deschis/închisaria-current— element curent (pagină, pas)aria-live— regiune cu actualizări dinamicearia-hidden— ascunde de screenreader
Greșeli ARIA comune
- Adăugare de
aria-labelpe elemente care au deja text vizibil - Folosire
role="button"pe<div>fără gestionarea tastaturii - Ascundere cu
aria-hidden="true"a conținutului important aria-labeldiferit de textul vizibil al butonului
Regulă de aur: Testează cu un screenreader real după orice modificare ARIA. Valoarea declarată și comportamentul real pot diferi.