Roluri ARIAExplained

77 of 77 rows

Rol↕	Scop↕	Se folosește pentru↕
Punct de reper
⤢banner	Identifică antetul site-ului în partea de sus a paginii.	Logo de marcă, slogan principal, masthead în partea de sus.
⤢navigation	Grupează o colecție de linkuri de navigare.	Meniuri principale, breadcrumb-uri, navigare în pagină.
⤢main	Marchează conținutul dominant al documentului.	Corpul principal unic al paginii.
⤢complementary	Marchează conținut de susținere separat de main.	Bare laterale, linkuri conexe, casete evidențiate.
⤢contentinfo	Grupează metadatele din subsol despre documentul părinte.	Linii de copyright, linkuri de confidențialitate, subsol legal.
⤢search	Marchează o regiune care conține un formular de căutare.	Căutare pe site, formulare de filtrare, casete de găsire.
⤢region	Marchează o secțiune denumită și perceptibilă a paginii.	Secțiuni personalizate cu un nume accesibil.
⤢form	Marchează o regiune care conține un set de câmpuri de formular.	Formulare de căutare denumite, panouri de filtrare, secțiuni de sondaj.
⤢application	Marchează o regiune care se comportă ca o aplicație software.	Editoare pe toată pagina, hărți, suprafețe de joc.
Document
⤢article	Marchează o compoziție autonomă.	Articole de blog, știri, carduri de produs.
⤢heading	Marchează un titlu pentru o secțiune de conținut.	Titluri de secțiune când h1-h6 native nu se aplică.
⤢list	Grupează o listă de elemente conexe.	Liste personalizate cu marcatori sau numerotate.
⤢listitem	Marchează un singur element dintr-o listă.	Un singur rând al unei liste personalizate.
⤢group	Grupează un set de controale de formular conexe.	Grupuri de câmpuri de formular, grupuri radio, câmpuri conexe.
⤢figure	Marchează conținut grafic asociat cu o legendă.	Imagini, diagrame, grafice cu o etichetă.
⤢table	Marchează date aranjate în rânduri și coloane.	Date tabelare construite din elemente personalizate.
⤢caption	Marchează o etichetă vizibilă pentru un tabel, un grid sau o figură.	Titluri deasupra tabelelor de date, etichete de figuri.
⤢rowgroup	Grupează un set de rânduri conexe într-un tabel.	Benzi de antet, corp și subsol ale unui tabel.
⤢row	Marchează o linie de celule dintr-un tabel sau un grid.	O singură linie de înregistrare a unui tabel personalizat.
⤢columnheader	Marchează o celulă de antet pentru o coloană de tabel.	Etichetele de sus ale unui tabel de date.
⤢rowheader	Marchează o celulă de antet pentru un rând de tabel.	Eticheta principală a fiecărui rând de tabel.
⤢cell	Marchează o singură celulă de date dintr-un rând.	Valori individuale ale unui rând de tabel personalizat.
⤢term	Marchează un cuvânt sau o expresie care se definește.	Chei de dicționar, termeni din liste de definiții.
⤢definition	Marchează sensul termenului precedent.	Descrierea de sub un termen definit.
⤢note	Marchează o remarcă așezată lângă conținutul principal.	Sfaturi, digresiuni, remarci în stil notă de subsol.
⤢directory	Marchează o listă de referințe către membrii grupului.	Cuprinsuri și indici de linkuri (perimat în ARIA 1.2).
⤢feed	Marchează o listă derulabilă de secțiuni de articole.	Fluxuri cu derulare infinită care încarcă mai mult conținut.
⤢math	Marchează conținut scris într-o notație matematică.	Formule redate din LaTeX sau MathML.
⤢meter	Marchează o valoare scalară într-un interval cunoscut.	Bare de utilizare a discului, scoruri, indicatori de intensitate.
⤢time	Marchează un moment precis sau o durată.	Marcaje temporale, date de eveniment, timpi scurși.
⤢paragraph	Marchează un bloc de text în proză.	Blocuri de text care nu sunt scrise ca elemente p native.
⤢blockquote	Marchează o citare luată din altă sursă.	Citate evidențiate și fragmente citate.
⤢code	Marchează un fragment de cod de calculator.	Fragmente inline și nume de comenzi în proză.
⤢emphasis	Marchează text care poartă un accent.	Cuvinte accentuate în interiorul unei propoziții.
⤢strong	Marchează text cu importanță puternică.	Avertismente, fraze cheie, etichete de citit obligatoriu.
⤢subscript	Marchează text redat sub linia de bază.	Formule chimice precum H2O.
⤢superscript	Marchează text redat deasupra liniei de bază.	Marcaje de notă de subsol și exponenți.
⤢generic	Marchează un container simplu, fără semnificație specială.	Wrapper-e de layout și cârlige de stilizare.
⤢presentation / none	Elimină semantica unui element.	Imagini decorative, tabele de layout, elemente separatoare.
⤢img	Marchează un element ca o singură imagine.	Sprite-uri de pictograme, grupuri SVG, grafică desenată cu CSS.
Widget
⤢button	Marchează un control pe care se dă clic și care declanșează o acțiune.	Butoane personalizate, butoane cu pictograme, declanșatoare de acțiuni.
⤢link	Marchează un link către o altă resursă sau locație.	Ancore personalizate și linkuri de rută din aplicație.
⤢checkbox	Marchează un comutator pentru o singură opțiune.	Casete de selectare personalizate, comutatoare de acceptare a termenilor.
⤢radio	Marchează o alegere într-un grup cu excludere reciprocă.	Butoane radio personalizate în interiorul unui radiogroup.
⤢switch	Marchează un comutator binar pornit/oprit.	Comutatoare de temă, de mut și de setări.
⤢tablist	Grupează etichetele pentru un set de file.	Banda de file a unui panou cu file.
⤢tab	Marchează o singură etichetă în interiorul unui tablist.	O singură filă care arată un panou.
⤢tabpanel	Marchează panoul de conținut pentru o filă.	Corpul afișat când fila sa este activă.
⤢dialog	Marchează o fereastră suprapusă peste pagină.	Modale, panouri laterale, popover-e care captează focalizarea.
⤢alertdialog	Marchează un dialog care cere un răspuns de la utilizator.	Confirmări de ștergere, prompturi de modificări nesalvate.
⤢combobox	Marchează o intrare cu un popup de alegeri.	Completare automată, selecție cu căutare, liste typeahead.
⤢slider	Marchează un control care setează o valoare într-un interval.	Volum, preț, opacitate, intrări de interval.
⤢menu	Marchează o listă de alegeri oferite utilizatorului.	Meniuri dropdown, meniuri contextuale, palete de instrumente.
⤢menuitem	Marchează o singură opțiune în interiorul unui meniu.	Un singur rând sau element al unui meniu dropdown.
⤢textbox	Marchează un câmp pentru introducerea de text liber.	Intrări personalizate, câmpuri de căutare, casete de comentarii.
⤢tree	Marchează o listă ierarhică de elemente.	Exploratoare de fișiere, meniuri imbricate, organigrame.
⤢listbox	Marchează o listă de opțiuni selectabile.	Selectoare personalizate pentru una sau multe alegeri.
⤢option	Marchează o singură alegere în interiorul unui listbox.	O singură intrare selectabilă a unui listbox personalizat.
⤢radiogroup	Grupează un set de alegeri cu excludere reciprocă.	Seturi radio personalizate, selectoare de plan, răspunsuri pe scală.
⤢grid	Marchează un widget de rânduri și coloane de celule.	Aranjamente de tip foi de calcul, vizionări ale lunii din calendar.
⤢treegrid	Marchează un grid ai cărui rânduri se extind și se restrâng.	Tabele de date imbricate, tabele de fire de corespondență.
⤢treeitem	Marchează o singură opțiune extinsibilă într-un arbore.	Un nod de fișier sau de dosar într-un explorator.
⤢tooltip	Marchează un popup care face aluzie la un control.	Indicii la survol, sfaturi de focalizare pentru butoanele cu pictograme.
⤢progressbar	Marchează un element care arată progresul unei sarcini.	Bare de încărcare și indicatori de încărcare.
⤢scrollbar	Marchează un control care derulează o vizionare de conținut.	Mânere de derulare personalizate pentru panouri și carusele.
⤢spinbutton	Marchează un control care schimbă o valoare în pași.	Selectoare de cantitate, incrementatoare numerice.
⤢searchbox	Marchează un câmp text pentru introducerea termenilor de căutare.	Bare de căutare și câmpuri de filtrare personalizate.
⤢toolbar	Marchează un grup de controale frecvent folosite.	Bare de formatare, rânduri de acțiuni deasupra editoarelor.
⤢menubar	Marchează un rând de declanșatoare de meniu persistente.	Benzi de meniu Fișier și Editare în stil de aplicație.
⤢menuitemcheckbox	Marchează o opțiune de meniu care comută pornit/oprit.	Comutatoare de opțiuni de vizualizare într-un meniu dropdown.
⤢menuitemradio	Marchează o singură alegere exclusivă într-un meniu.	Alegeri de ordine de sortare și de temă într-un meniu.
⤢separator	Marchează un separator între grupuri de conținut.	Separatoare de meniu, separatoare de panouri glisabile.
Regiune live
⤢alert	Anunță un mesaj important și sensibil în timp.	Erori de formular, avize urgente care cer atenție.
⤢status	Anunță o actualizare consultativă fără întrerupere.	Confirmare de salvare, progres, rezultate discrete.
⤢log	Anunță intrări noi într-un flux cronologic.	Transcrieri de chat, jurnale de evenimente, fluxuri de activitate.
⤢marquee	Anunță conținut text care se derulează sau se mișcă.	Tickere, bare de știri derulante, bannere rotative.
⤢timer	Anunță un cronometru live sau o numărătoare inversă.	Expirări de sesiune, numărări inverse, cronometre.