Se încarcă...
Se încarcă...
Referință completă pentru roluri, stări și proprietăți WAI-ARIA cu exemple de cod și ghid de utilizare în limba română.
30 atribute documentate cu exemple practice
Nu folosiți ARIA dacă există un element HTML nativ
Elementele native (<button>, <nav>, <header>) au deja semantica și comportamentul de tastatură corecte. ARIA adaugă doar semantică, nu funcționalitate.
Toate rolurile interactive trebuie să fie operabile cu tastatura
Dacă adăugați role="button" pe un <div>, trebuie să gestionați și tabindex, Enter, Space. Altfel elementul este inaccesibil.
Nu ascundeți conținut vizibil cu aria-hidden="true"
Utilizatorii de screen reader nu vor avea acces la informația respectivă, creând o experiență incompletă și confuză.
Folosiți aria-label doar când nu există text vizibil
aria-label suprascrie textul vizibil pentru screen readere. Dacă există text vizibil, folosiți aria-labelledby.
Testați cu un screen reader real
NVDA (gratuit pe Windows), VoiceOver (macOS/iOS), TalkBack (Android). Testarea automată nu detectează toate problemele.