Rol ARIA

iul. 13, 2025

ABCDEFGHIJKLMNOPQRSTUVWXYZ
« Înapoi la Dicționar Termeni

Definiție

Rolurile ARIA (Accessible Rich Internet Applications) sunt atribute speciale folosite în codul HTML pentru a comunica mai clar structură, funcționalitate și comportament către tehnologiile asistive – în special cititoarele de ecran.

Prin roluri ARIA, dezvoltatorii pot marca elemente interactive complexe (precum meniuri dinamice, acordeoane, carusele, modale) pentru a le face mai inteligibile pentru utilizatorii cu dizabilități.

Rolurile ARIA nu afectează afișajul vizual, ci doar modul în care conținutul este interpretat de cititoarele de ecran și alte instrumente de accesibilitate.

Exemple concrete

  • Un meniu de navigare dinamic, construit cu JavaScript, primește atributul role="navigation" pentru ca utilizatorii cu cititoare de ecran să înțeleagă că acel element reprezintă o zonă de meniu.
  • Un tab activ dintr-un set de file (tabs) are role="tab" și este cuplat cu aria-selected="true" pentru a marca fila activă.
  • Un mesaj de alertă care apare dinamic pe pagină este marcat cu role="alert" astfel încât cititorul de ecran să îl anunțe imediat, fără ca utilizatorul să navigheze până acolo.
  • O casetă de dialog (pop-up) are role="dialog" pentru a semnala cititorului de ecran că focusul trebuie să fie mutat în acea zonă.

De ce este important pentru accesibilitate?

  • Oferă context clar pentru elemente dinamice care altfel nu ar fi înțelese de tehnologiile asistive
  • Îmbunătățește navigarea și experiența utilizatorilor nevăzători sau cu dificultăți cognitive
  • Permite crearea de aplicații web moderne fără a compromite accesibilitatea
  • Ajută la respectarea standardelor WCAG (Web Content Accessibility Guidelines)

Bune practici

  • Folosește rolurile ARIA doar atunci când elementele HTML implicite nu oferă suficientă semnificație
  • Nu înlocui elementele HTML semantice (precum <button>, <nav>, <section>) cu div + ARIA – este mai bine să folosești HTML semantic ori de câte ori este posibil
  • Combină rolurile ARIA cu atribute precum aria-label, aria-expanded, aria-hidden pentru a transmite informații suplimentare
  • Testează cu cititoare de ecran (NVDA, JAWS, VoiceOver) pentru a verifica dacă rolurile sunt interpretate corect
Please follow and like us:
error
fb-share-icon
Tweet
fb-share-icon
« Înapoi la Dicționar Termeni
Ilustrație digitală care prezintă un ecran de computer și patru persoane cu nevoi diverse: o persoană cu baston alb, două femei în scaun rulant și o femeie care poartă căști audio, simbolizând accesibilitatea web pentru toți.
Caută alte articole despre
Ilustrație digitală care prezintă patru persoane cu dizabilități diferite – vizuale, auditive, motorii și temporare – îmbrățișate cu grijă de o femeie, într-un gest de empatie și susținere.

Contactează-ne

+ 0737 444 563

Solicită o discuție online

Lasă-ne un mesaj scurt sau numărul tău de telefon și sunăm noi în cel mai scurt timp

Lasă un mesaj

E site-ul tău accesibil?

Fă o testare rapidă și gratuită acum. Află dacă utilizatorii cu dizabilități pot naviga ușor pe site-ul tău. Primești raportul complet pe email, după ce finalizăm analiza.

Lasă un mesaj

Ne găsești și pe

Suntem prezenți pe mai toate rețelele sociale. Dă click pe iconul rețelei tale preferate și hai să ne conectăm și acolo.