Skip to content

ARIA-roller förklarade

Fusklapp över ARIA-rollvärden: landmärkes-, dokument-, widget- och live-områdesroller med syfte och användningsområden.

ARIA-roller deklarerar vad ett element gör. Landmärkesroller kartlägger sidregioner. Dokumentroller strukturerar innehåll. Widgetroller markerar interaktiva kontroller. Live-områdesroller tillkännager dynamiska uppdateringar.

Referenstabell · 77 poster
77 of 77 rows
Landmärke
Identifierar webbplatsens sidhuvud överst på sidan.Varumärkeslogo, primär slogan, sidhuvud överst på sidan.
Grupperar en samling navigeringslänkar.Huvudmenyer, brödsmulor, navigering inom sidan.
Markerar dokumentets dominerande innehåll.Sidans unika huvuddel.
Markerar stödjande innehåll, separat från main.Sidopaneler, relaterade länkar, framhävningsrutor.
Grupperar metadata i sidfoten om det överordnade dokumentet.Copyrightrader, integritetslänkar, juridisk sidfot.
Markerar en region som innehåller ett sökformulär.Sök på webbplatsen, filterformulär, sökrutor.
Markerar en namngiven, uppfattbar del av sidan.Egna sektioner med ett tillgängligt namn.
Markerar en region som innehåller en uppsättning formulärfält.Namngivna sökformulär, filterpaneler, enkätsektioner.
Markerar en region som beter sig som en programapplikation.Helsidesredigerare, kartor, spelytor.
Dokument
Markerar en fristående komposition.Blogginlägg, nyhetsobjekt, produktkort.
Markerar en rubrik för en innehållssektion.Sektionsrubriker när inhemska h1-h6 inte kan användas.
Grupperar en lista över relaterade objekt.Egna punkt- eller numrerade listor.
Markerar ett enskilt objekt inuti en lista.En rad i en egen lista.
Grupperar en uppsättning relaterade formulärkontroller.Formulärfältuppsättningar, radiogrupper, relaterade inmatningsfält.
Markerar grafiskt innehåll parat med en bildtext.Bilder, diagram, grafer med en etikett.
Markerar data ordnad i rader och kolumner.Tabelldata byggt från egna element.
Markerar en synlig etikett för en tabell, ett rutnät eller en figur.Titlar ovanför datatabeller, figuretiketter.
Grupperar en uppsättning relaterade rader i en tabell.Rubrik-, brödtext- och sidfotsband i en tabell.
Markerar en rad med celler i en tabell eller ett rutnät.En enskild postrad i en egen tabell.
Markerar en rubrikcell för en tabellkolumn.Översta etiketter i en datatabell.
Markerar en rubrikcell för en tabellrad.Den ledande etiketten för varje tabellrad.
Markerar en enskild datacell inuti en rad.Enskilda värden i en egen tabellrad.
Markerar ett ord eller en fras som definieras.Ordboksnycklar, termer i definitionslistor.
Markerar betydelsen av den föregående termen.Beskrivningen under en definierad term.
Markerar en anmärkning som står bredvid huvudinnehållet.Tips, asides, anmärkningar i fotnotsstil.
Markerar en lista över referenser till gruppmedlemmar.Innehållsförteckningar och länkindex (utfasat i ARIA 1.2).
Markerar en rullningsbar lista med artikelsektioner.Oändliga rullningsströmmar som laddar mer innehåll.
Markerar innehåll skrivet i en matematisk notation.Formler renderade från LaTeX eller MathML.
Markerar ett skalärt värde inom ett känt intervall.Diskanvändningsstaplar, poäng, styrkeindikatorer.
Markerar ett specifikt ögonblick eller en varaktighet.Tidsstämplar, händelsedatum, förflutna tider.
Markerar ett block med löptext.Textblock som inte är skrivna som inhemska p-element.
Markerar ett citat hämtat från en annan källa.Utdragscitat och citerade utdrag.
Markerar ett fragment av programkod.Inline-kodsnuttar och kommandonamn i löptext.
Markerar text som bär betoning.Betonda ord inuti en mening.
Markerar text med stark vikt.Varningar, nyckelfraser, etiketter som måste läsas.
Markerar text renderad under baslinjen.Kemiska formler som H2O.
Markerar text renderad över baslinjen.Fotnotsmarkörer och exponenter.
Markerar en enkel behållare utan särskild betydelse.Layout-wrappers och stylingkrokar.
Tar bort semantiken från ett element.Dekorativa bilder, layouttabeller, avdelarelement.
Markerar ett element som en enda bild.Ikonsprites, SVG-grupper, grafik ritad med CSS.
Widget
Markerar en klickbar kontroll som utlöser en åtgärd.Egna knappar, ikonknappar, åtgärdsutlösare.
Markerar en länk till en annan resurs eller plats.Egna ankare och ruttlänkar i appen.
Markerar en växel för ett enskilt alternativ.Egna kryssrutor, växlar för att godkänna villkor.
Markerar ett val i en ömsesidigt uteslutande grupp.Egna radioknappar inuti en radiogrupp.
Markerar en binär på/av-växel.Växlar för tema, ljud och inställningar.
Grupperar etiketterna för en uppsättning flikar.Flikremsan i ett flikpanel.
Markerar en enskild etikett inuti en fliklista.En enskild flik som visar ett panel.
Markerar innehållspanelen för en flik.Innehållet som visas när dess flik är aktiv.
Markerar ett överläggsfönster ovanpå sidan.Modaler, lådor, popovers som tar fokus.
Markerar en dialog som kräver ett svar från användaren.Bekräfta radering, uppmaningar vid osparade ändringar.
Markerar ett inmatningsfält med en popup med val.Autokomplettering, sök-välj, typeahead-listor.
Markerar en kontroll som sätter ett värde i ett intervall.Volym, pris, opacitet, intervallinmatningar.
Markerar en lista med val som erbjuds användaren.Rullgardinsmenyer, snabbmenyer, verktygspaletter.
Markerar ett enskilt alternativ inuti en meny.En rad eller ett objekt i en rullgardinsmeny.
Markerar ett fält för inmatning av fri text.Egna inmatningsfält, sökfält, kommentarsrutor.
Markerar en hierarkisk lista över objekt.Filutforskare, nästlade menyer, organisationsscheman.
Markerar en lista med valbara alternativ.Egna väljare för ett eller många val.
Markerar ett enskilt val inuti en listbox.En valbar post i en egen listbox.
Grupperar en uppsättning ömsesidigt uteslutande val.Egna radiosamlingar, planväljare, skalsvar.
Markerar en widget med rader och kolumner av celler.Kalkylbladslayouter, kalendermånadsvyer.
Markerar ett rutnät vars rader expanderar och kollapsar.Nästlade datatabeller, mejltrådstabeller.
Markerar ett expanderbart alternativ inuti ett träd.En fil- eller mappnod i en filutforskare.
Markerar en popup som antyder en kontroll.Svärmtips, fokustips för ikonknappar.
Markerar ett element som visar framsteg för en uppgift.Uppladdningsstaplar och laddningsindikatorer.
Markerar en kontroll som rullar en vy av innehåll.Egna rullningshandtag för rutor och karuseller.
Markerar en kontroll som ändrar ett värde i steg.Antalsväljare, numeriska stegare.
Markerar ett textfält för att mata in söktermer.Egna sökrader och filterfält.
Markerar en grupp ofta använda kontroller.Formateringsrader, åtgärdsrader ovanför redigerare.
Markerar en rad beständiga menyutlösare.Arkiv- och Redigera-menyremsor i appstil.
Markerar ett menyalternativ som slås på eller av.Växlar för visningsalternativ inuti en rullgardinsmeny.
Markerar ett exklusivt val inuti en meny.Val av sorteringsordning och tema i en meny.
Markerar en avdelare mellan grupper av innehåll.Menyavdelare, dragbara rutavdelare.
Live-område
Tillkännager ett tidskänsligt, viktigt meddelande.Formulärfel, brådskande meddelanden som kräver uppmärksamhet.
Tillkännager en rådgivande uppdatering utan att avbryta.Bekräftelse på sparande, framsteg, mjuka resultat.
Tillkännager nya poster i en kronologisk ström.Chatttranskriptioner, händelseloggar, aktivitetsflöden.
Tillkännager rullande eller rörligt textinnehåll.Tickers, rullande nyhetsrader, roterande banners.
Tillkännager en live-timer eller en nedräkning.Sessionstimeouts, nedräkningar, stoppur.