WAI-ARIA-Rollen

ARIA-Rollen verleihen Inhalten semantische Bedeutung und ermöglichen es Screenreadern und anderen Tools, Objekte auf eine Weise darzustellen und mit ihnen zu interagieren, die den Erwartungen der Benutzer an diesen Objekttyp entsprechen. ARIA-Rollen können verwendet werden, um Elemente zu beschreiben, die in HTML nicht nativ existieren oder existieren, aber noch keine vollständige Browser-Unterstützung haben.

Standardmäßig haben viele semantische Elemente in HTML eine Rolle; zum Beispiel hat <input type="radio"> die Rolle "radio". Nicht-semantische Elemente in HTML haben keine Rolle; <div> und <span> ohne hinzugefügte Semantik geben null zurück. Das role-Attribut kann Semantik bereitstellen.

ARIA-Rollen werden HTML-Elementen mit role="role type" hinzugefügt, wobei role type der Name einer Rolle in der ARIA-Spezifikation ist. Einige Rollen erfordern die Einbeziehung von zugehörigen ARIA-Zuständen oder Eigenschaften; andere sind nur in Verbindung mit anderen Rollen gültig.

Zum Beispiel wird <ul role="tabpanel"> von Screenreadern als 'Tabellenbereich' angekündigt. Wenn der Tabellenbereich jedoch keine eingebetteten Tabs hat, ist das Element mit der tabpanel-Rolle tatsächlich kein Tabellenbereich, und die Zugänglichkeit wurde tatsächlich negativ beeinflusst.

Die ARIA-Zustände und -Eigenschaften, die mit jeder Rolle verbunden sind, sind auf den Seiten der jeweiligen Rolle enthalten, wobei jedes Attribut ebenfalls eine eigene Seite hat.

ARIA-Rollentypen

Es gibt 6 Kategorien von ARIA-Rollen:

1. Dokumentstrukturrollen

Dokumentstrukturrollen werden verwendet, um eine strukturelle Beschreibung für einen Abschnitt von Inhalten bereitzustellen. Die meisten dieser Rollen sollten nicht mehr verwendet werden, da Browser jetzt semantische HTML-Elemente mit derselben Bedeutung unterstützen. Die Rollen ohne HTML-Äquivalente, wie Präsentation, Werkzeugleiste und Tooltip-Rollen, liefern Informationen über die Dokumentstruktur an unterstützende Technologien wie Screenreader, da gleichwertige native HTML-Tags nicht verfügbar sind.

Für die meisten Dokumentstrukturrollen sind semantische HTML-äquivalente Elemente verfügbar und unterstützt. Vermeiden Sie die Verwendung von:

application
article (verwenden Sie <article>)
cell (verwenden Sie <td>)
columnheader (verwenden Sie <th scope="col">)
definition (verwenden Sie <dfn>)
directory
document
figure (verwenden Sie stattdessen <figure>)
group
heading (verwenden Sie h1 bis h6)
img (verwenden Sie statt <img> oder <picture>)
list (verwenden Sie stattdessen entweder <ul> oder <ol>)
listitem (verwenden Sie stattdessen <li>)
meter (verwenden Sie stattdessen <meter>)
row (verwenden Sie die <tr> mit <table>)
rowgroup (verwenden Sie <thead>, <tfoot> und <tbody>)
rowheader (verwenden Sie <th scope="row">)
separator (verwenden Sie <hr> wenn es nicht fokussierbar ist)
table (verwenden Sie <table>)
term (verwenden Sie <dfn>)

Diese sind der Vollständigkeit halber enthalten, sind aber in den meisten Fällen selten oder nie nützlich:

2. Widget-Rollen

Widget-Rollen werden verwendet, um gängige interaktive Muster zu definieren. Ähnlich wie Dokumentstrukturrollen haben einige Widget-Rollen dieselbe Semantik wie gut unterstützte native HTML-Elemente und sollten daher vermieden werden. Der Hauptunterschied besteht darin, dass Widget-Rollen in der Regel JavaScript für die Interaktion erfordern, während Dokumentstrukturrollen dies oft nicht benötigen.

Vermeiden Sie die Verwendung von button, checkbox, gridcell, link, menuitem, menuitemcheckbox, menuitemradio, option, progressbar, radio und textbox, die wir der Vollständigkeit halber aufgenommen haben. Für die meisten stehen semantische Äquivalente mit zugänglicher Interaktivität zur Verfügung und werden unterstützt. Weitere Informationen finden Sie in der Dokumentation der einzelnen Rollen.

Zusammengesetzte Widget-Rollen

Vermeiden Sie die Verwendung von grid, listbox und radiogroup, die wir der Vollständigkeit halber aufgenommen haben. Weitere Informationen finden Sie in der Dokumentation der einzelnen Rollen.

Beachten Sie, dass es auch eine Widget-Rolle (role="widget") gibt, die eine abstrakte Rolle ist und nicht in der Kategorie der Widget-Rollen enthalten ist.

3. Landmark-Rollen

Landmark-Rollen bieten eine Möglichkeit, die Organisation und Struktur einer Webseite zu identifizieren. Durch die Klassifizierung und Kennzeichnung von Abschnitten einer Seite wird die durch Layout visuell vermittelte Strukturinformation programmatisch dargestellt. Screenreader verwenden Landmark-Rollen, um die Navigation über die Tastatur zu wichtigen Abschnitten einer Seite bereitzustellen. Verwenden Sie diese sparsam. Zu viele Landmark-Rollen erzeugen "Lärm" in Screenreader, was es schwierig macht, die Gesamtlayout der Seite zu verstehen.

4. Live-Region-Rollen

Live-Region-Rollen werden verwendet, um Elemente mit dynamisch aktualisiertem Inhalt zu definieren. Sehende Benutzer können dynamische Änderungen wahrnehmen, wenn sie visuell erkennbar sind. Diese Rollen helfen sehbehinderten und blinden Benutzern zu wissen, ob Inhalte aktualisiert wurden. Unterstützungstechnologien, wie Screenreader, können so eingestellt werden, dass sie dynamische Inhaltsänderungen ankündigen:

5. Fensterrollen

Fensterrollen definieren Teilfenster des Hauptdokumentfensters innerhalb desselben Fensters, wie Popup-Modaldialoge:

6. Abstrakte Rollen

Abstrakte Rollen sind nur für die Verwendung durch Browser gedacht, um ein Dokument zu organisieren und zu straffen. Sie sollten von Entwicklern, die HTML-Markup schreiben, nicht verwendet werden. Ihre Verwendung führt nicht dazu, dass assistierende Technologien oder Benutzer sinnvolle Informationen erhalten.

Vermeiden Sie die Verwendung von command, composite, input, landmark, range, roletype, section, sectionhead, select, structure, widget und window.

Hinweis: Verwenden Sie auf Ihren Websites und Anwendungen keine abstrakten Rollen. Sie sind für die Verwendung durch Browser gedacht. Sie sind nur zur Referenz enthalten.

Warnung: "Abstrakte Rollen werden für die Ontologie verwendet. Autoren DÜRFEN KEINE abstrakten Rollen in Inhalten verwenden." - Die WAI-ARIA-Spezifikation

Auf MDN definierte Rollen

Die folgenden sind die Referenzseiten, die die auf MDN behandelten WAI-ARIA-Rollen abdecken.

ARIA: `command`-Rolle: Die command-Rolle definiert ein Widget, das eine Aktion ausführt, jedoch keine Eingabedaten empfängt.
ARIA: `definition` Rolle: Die definition ARIA-Rolle weist darauf hin, dass das Element eine Definition eines Begriffs oder Konzepts ist.
ARIA: `mark`-Rolle: Die mark-Rolle kennzeichnet Inhalte, die für Bezugnahme oder Notizzwecke markiert oder hervorgehoben sind, aufgrund der Relevanz des Inhalts im umgebenden Kontext.
ARIA: `menubar` Rolle: Eine menubar ist eine Darstellung eines menu, das normalerweise sichtbar bleibt und üblicherweise horizontal dargestellt wird.
ARIA: `menuitem`-Rolle: Die menuitem-Rolle zeigt an, dass das Element eine Option in einer Auswahlmenge innerhalb eines menu oder menubar ist.
ARIA: `rowgroup`-Rolle: Ein Element mit role="rowgroup" ist eine Gruppe von Reihen innerhalb einer tabellarischen Struktur. Ein rowgroup enthält eine oder mehrere Reihen von Zellen, Gitterzellen, Spaltenüberschriften oder Reihenüberschriften innerhalb eines grid, table oder treegrid.
ARIA: `textbox`-Rolle: Die textbox-Rolle wird verwendet, um ein Element zu identifizieren, das die Eingabe von Freitext erlaubt. Wann immer möglich, sollte statt dieser Rolle ein input-Element mit type="text" für einzeilige Eingaben oder ein textarea-Element für mehrzeilige Eingaben verwendet werden.
ARIA: `treeitem` Rolle: Ein treeitem ist ein Element in einem tree.
ARIA: alert-Rolle: Die alert-Rolle ist für wichtige und in der Regel zeitkritische Informationen vorgesehen. Das alert ist eine Art von status, das als atomische Live-Region verarbeitet wird.
ARIA: alertdialog-Rolle: Die alertdialog-Rolle wird für modale Warndialoge verwendet, die den Arbeitsablauf eines Benutzers unterbrechen, um eine wichtige Nachricht zu übermitteln und eine Antwort erfordern.
ARIA: article-Rolle: Die article-Rolle gibt einen Abschnitt einer Seite an, der leicht alleine auf einer Seite, in einem Dokument oder auf einer Website stehen könnte. Sie wird normalerweise auf zusammengehörige Inhalte wie Kommentare, Forenbeiträge, Zeitungsartikel oder andere Elemente angewendet, die auf einer Seite gruppiert sind.
ARIA: button role: Die button-Rolle ist für anklickbare Elemente vorgesehen, die eine Reaktion auslösen, wenn sie vom Benutzer aktiviert werden. Das Hinzufügen von role="button" teilt dem Screenreader mit, dass das Element eine Schaltfläche ist, aber es bietet keine Schaltflächenfunktionalität. Verwenden Sie stattdessen button oder input mit type="button".
ARIA: cell Rolle: Der cell Wert des ARIA role Attributs kennzeichnet ein Element als Zelle in einem tabellarischen Container, der keine Spalten- oder Zeilenkopfzeileninformationen enthält. Um unterstützt zu werden, muss die Zelle in einem Element mit der Rolle row verschachtelt sein.
ARIA: checkbox Rolle: Die checkbox Rolle ist für interaktive, anklickbare Steuerelemente bestimmt. Elemente, die role="checkbox" enthalten, müssen auch das aria-checked Attribut beinhalten, um den Status der Checkbox für unterstützende Technologien offenzulegen.
ARIA: composite-Rolle: Die composite abstrakte Rolle kennzeichnet ein Widget, das navigierbare Nachkommen oder eigene Kinder enthalten kann.
ARIA: contentinfo Rolle: Die contentinfo-Rolle definiert eine Fußzeile, die identifizierende Informationen wie Urheberrechtsinformationen, Navigationslinks und Datenschutzerklärungen enthält, die in jedem Dokument einer Website zu finden sind. Dieser Abschnitt wird allgemein als Fußzeile bezeichnet.
ARIA: dialog-Rolle: Die dialog-Rolle wird verwendet, um einen HTML-basierten Anwendungsdialog oder ein Fenster zu kennzeichnen, das Inhalte oder die Benutzeroberfläche vom Rest der Webanwendung oder Seite trennt. Dialoge werden im Allgemeinen mithilfe einer Überlagerung über dem übrigen Seiteninhalt platziert. Dialoge können entweder nicht-modal sein (es ist weiterhin möglich, mit Inhalten außerhalb des Dialogs zu interagieren) oder modal (nur mit den Inhalten im Dialog kann interagiert werden).
ARIA: directory-Rolle: Die directory-Rolle war für eine Liste von Referenzen zu Mitgliedern einer Gruppe gedacht, wie zum Beispiel ein statisches Inhaltsverzeichnis.
ARIA: document-Rolle: Die document-Rolle ist für fokussierbare Inhalte innerhalb komplexer zusammengesetzter Widgets oder Anwendungen gedacht, bei denen unterstützende Technologien den Lesekontext zurück in einen Lesemodus schalten können.
ARIA: feed-Rolle: Ein feed ist eine dynamische scrollbare list von articles, bei denen Artikel entweder am Anfang oder Ende der Liste hinzugefügt oder entfernt werden, während der Benutzer scrollt. Ein feed ermöglicht es Screenreadern, den Lese-Cursor im Browsermodus zu verwenden, um sowohl zu lesen als auch durch einen Strom von reichhaltigem Inhalt zu scrollen, der möglicherweise unendlich weiter scrollt, indem mehr Inhalt geladen wird, während der Benutzer liest.
ARIA: form-Rolle: Die form-Rolle kann verwendet werden, um eine Gruppe von Elementen auf einer Seite zu identifizieren, die eine gleichwertige Funktionalität wie ein HTML-Formular bereitstellen. Das Formular wird nicht als Landmarkenregion angezeigt, es sei denn, es hat einen zugänglichen Namen.
ARIA: generic role: Die Rolle generic erstellt ein namenloses Containerelement, das für sich genommen keine semantische Bedeutung hat.
ARIA: gridcell-Rolle: Die gridcell-Rolle wird verwendet, um eine Zelle in einem Gitter oder Baumgitter zu erzeugen. Sie soll die Funktionalität des HTML-td-Elements für tabellenartige Gruppierungen von Informationen nachbilden.
ARIA: group-Rolle: Die group-Rolle identifiziert eine Reihe von Benutzeroberflächen-Objekten, die von unterstützenden Technologien nicht dazu gedacht sind, in eine Seitenzusammenfassung oder ein Inhaltsverzeichnis aufgenommen zu werden.
ARIA: Hauptrolle: Die main Landmark-Rolle wird verwendet, um den Hauptinhalt eines Dokuments anzuzeigen. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments oder der Hauptfunktion einer Anwendung zusammenhängen oder diese erweitern.
ARIA: heading-Rolle: Die heading-Rolle definiert dieses Element als eine Überschrift einer Seite oder eines Abschnitts, wobei das aria-level-Attribut für mehr Struktur sorgt.
ARIA: img-Rolle: Die ARIA-img-Rolle kann verwendet werden, um mehrere Elemente innerhalb des Seiteninhalts zu identifizieren, die als ein einziges Bild betrachtet werden sollten. Diese Elemente könnten Bilder, Code-Snippets, Text, Emojis oder andere Inhalte sein, die kombiniert werden können, um Informationen visuell zu vermitteln.
ARIA: input-Rolle: Die abstrakte Rolle input ist ein generischer Typ von Widget, das Benutzereingaben ermöglicht.
ARIA: Kommentarrolle: Die comment-Rolle kennzeichnet semantisch einen Kommentar oder eine Reaktion zu einem Inhalt auf der Seite oder zu einem vorherigen Kommentar.
ARIA: landmark-Rolle: Ein Landmark ist ein wichtiger Unterabschnitt einer Seite. Die landmark-Rolle ist eine abstrakte Superklasse für die ARIA-Rollenwerte für Inhaltsabschnitte, die so wichtig sind, dass Benutzer wahrscheinlich direkt zu ihnen navigieren möchten.
ARIA: link Rolle: Ein link-Widget bietet einen interaktiven Verweis auf eine Ressource. Die Zielressource kann entweder extern oder lokal sein, d.h. sich außerhalb oder innerhalb der aktuellen Seite oder Anwendung befinden.
ARIA: list Rolle: Die ARIA list Rolle kann verwendet werden, um eine Liste von Elementen zu kennzeichnen. Sie wird normalerweise in Verbindung mit der listitem Rolle verwendet, die dazu dient, ein Listenelement innerhalb der Liste zu identifizieren.
ARIA: listbox-Rolle: Die listbox-Rolle wird für Listen verwendet, aus denen ein Benutzer ein oder mehrere statische Elemente auswählen kann. Im Gegensatz zu HTML-select-Elementen können sie Bilder enthalten.
ARIA: listitem Rolle: Die ARIA listitem-Rolle kann verwendet werden, um ein Element innerhalb einer Liste von Elementen zu identifizieren. Sie wird normalerweise in Verbindung mit der list-Rolle verwendet, die dazu dient, einen Listen-Container zu identifizieren.
ARIA: log-Rolle: Die log-Rolle wird verwendet, um ein Element zu identifizieren, das eine Live-Region erstellt, in der neue Informationen in einer sinnvollen Reihenfolge hinzugefügt werden und alte Informationen möglicherweise verschwinden.
ARIA: marquee Rolle: Ein marquee ist eine Art von Live-Bereich, der nicht wesentliche Informationen enthält, die häufig wechseln.
ARIA: math Rolle: Die math Rolle zeigt an, dass der Inhalt einen mathematischen Ausdruck darstellt.
ARIA: menu Rolle: Die menu-Rolle ist eine Art zusammengesetztes Widget, das dem Benutzer eine Liste von Auswahlmöglichkeiten bietet.
ARIA: meter-Rolle: Die meter-Rolle wird verwendet, um ein Element zu identifizieren, das als Messgerät verwendet wird.
ARIA: navigation Rolle: Die navigation Rolle wird verwendet, um Hauptgruppen von Links zu identifizieren, die zur Navigation durch eine Website oder Seiteninhalte verwendet werden.
ARIA: none Rolle: Die none Rolle ist ein Synonym für die presentation Rolle; beide entfernen die impliziten ARIA-Semantiken eines Elements, sodass sie nicht dem Zugänglichkeitsbaum zugänglich gemacht werden.
ARIA: note-Rolle: Eine note-Rolle deutet auf einen Abschnitt hin, dessen Inhalt parenthetisch oder ergänzend zum Hauptinhalt ist.
ARIA: Option-Rolle: Die option-Rolle wird für auswählbare Elemente in einer listbox verwendet.
ARIA: Präsentationsrolle: Die presentation- und ihre Synonymrolle none entfernen die implizite ARIA-Semantik eines Elements, damit diese nicht im Zugänglichkeitsbaum sichtbar ist.
ARIA: progressbar Rolle: Die progressbar Rolle definiert ein Element, das den Fortschrittsstatus für Aufgaben anzeigt, die lange dauern.
ARIA: radio-Rolle: Die radio-Rolle ist eine von einer Gruppe ankreuzbarer Optionsfelder in einer radiogroup, bei denen nicht mehr als ein Optionsfeld gleichzeitig angekreuzt sein kann.
ARIA: range Rolle: Die abstrakte range-Rolle ist eine generische Strukturrolle, die einen Wertebereich darstellt.
ARIA: region role: Die region-Rolle wird verwendet, um Dokumentbereiche zu kennzeichnen, die der Autor als bedeutend erachtet. Es ist ein generisches Landmark verfügbar, um bei der Navigation zu helfen, wenn keine der anderen Landmark-Rollen geeignet ist.
ARIA: role-menuitemcheckbox: Ein menuitemcheckbox ist ein menuitem mit einem überprüfbaren Zustand, dessen mögliche Werte true, false oder mixed sind.
ARIA: role="row": Ein Element mit role="row" ist eine Reihe von Zellen innerhalb einer tabellarischen Struktur. Eine Zeile enthält eine oder mehrere Zellen, Rasterzellen oder Spaltenüberschriften und möglicherweise eine Zeilenüberschrift innerhalb eines grid, table oder treegrid und optional innerhalb eines rowgroup.
ARIA: role=rowheader: Ein Element mit role="rowheader" ist eine Zelle, die Kopfzeileninformationen für eine Zeile innerhalb einer tabellarischen Struktur eines grid, table oder treegrid enthält.
ARIA: roletype Rolle: Die roletype Rolle, eine abstrakte Rolle, ist die Basisrolle, von der alle anderen ARIA-Rollen erben.
ARIA: Rolle `application`: Die Rolle application signalisiert unterstützenden Technologien, dass ein Element und alle seine Kinder ähnlich wie eine Desktop-Anwendung behandelt werden sollten und keine traditionellen HTML-Interpretationstechniken angewendet werden sollten. Diese Rolle sollte nur verwendet werden, um sehr dynamische und desktop-ähnliche Webanwendungen zu definieren. Die meisten mobilen und Desktop-Webanwendungen werden nicht als Anwendungen für diesen Zweck angesehen.
ARIA: Rolle `columnheader`: Der Wert columnheader des ARIA-Attributs role identifiziert ein Element als eine Zelle in einer Zeile, die Kopfzeileninformationen für eine Spalte enthält, ähnlich dem nativen th-Element mit Spaltenbereich.
ARIA: Rolle `figure`: Die ARIA-Rolle figure kann verwendet werden, um eine Abbildung im Seiteninhalt zu identifizieren, wenn geeignete Semantiken nicht bereits existieren. Eine Abbildung wird in der Regel als ein oder mehrere Bilder, Code-Snippets oder andere Inhalte betrachtet, die Informationen auf eine andere Weise als im normalen Textfluss vermitteln.
ARIA: Rolle `radiogroup`: Die Rolle radiogroup ist eine Gruppe von radio-Buttons.
ARIA: Rolle `select`: Die Rolle select, eine abstrakte Rolle, ist eine Superklassenrolle für Formular-Widgets, die es dem Benutzer ermöglichen, aus einer Reihe von Auswahlmöglichkeiten auszuwählen.
ARIA: Rolle `suggestion`: Die Rolle suggestion bezeichnet semantisch eine einzelne vorgeschlagene Änderung in einem bearbeitbaren Dokument. Diese Rolle sollte auf ein Element angewendet werden, das ein Element mit der Rolle insertion und eines mit der Rolle deletion umschließt.
ARIA: Rolle `tab`: Die ARIA-Rolle tab kennzeichnet ein interaktives Element innerhalb eines tablist, das bei Aktivierung sein zugehöriges tabpanel anzeigt.
ARIA: Rolle `window`: Die Rolle window definiert ein Browser- oder App-Fenster.
ARIA: Rolle banner: Die Rolle banner dient zur Definition eines globalen Seitenheaders, der normalerweise ein Logo, den Firmennamen, eine Suchfunktion und möglicherweise die globale Navigation oder einen Slogan umfasst. Er befindet sich in der Regel oben auf der Seite.
ARIA: Rolle combobox: Die Rolle combobox identifiziert ein Element als input, das ein anderes Element steuert, wie z.B. ein listbox oder grid, das dynamisch angezeigt werden kann, um dem Benutzer zu helfen, den Wert dieses input festzulegen.
ARIA: Rolle complementary: Die complementary Landmark-Rolle wird verwendet, um einen unterstützenden Abschnitt zu kennzeichnen, der sich auf den Hauptinhalt bezieht, jedoch auch eigenständig sinnvoll ist, wenn er getrennt ist. Diese Abschnitte werden häufig als Seitenleisten oder Call-out-Boxen dargestellt. Wenn möglich, verwenden Sie das HTML <aside>-Element.
ARIA: Rolle grid: Die Rolle grid ist für ein Widget, das eine oder mehrere Zeilen von Zellen enthält. Die Position jeder Zelle ist signifikant und kann über Tastatureingaben fokussiert werden.
ARIA: Rolle menuitemradio: Ein menuitemradio ist ein auswählbares Menüelement in einer Gruppe von Elementen mit derselben Rolle, von denen jeweils nur eines gleichzeitig ausgewählt sein kann.
ARIA: Rolle separator: Die Rolle separator zeigt an, dass das Element ein Trenner ist, der Abschnitte von Inhalten oder Gruppen von Menüpunkten trennt und unterscheidet. Die implizite ARIA-Rolle des nativen thematischen Trennzeichens hr ist separator.
ARIA: Rolle tablist: Die Rolle tablist identifiziert das Element, das als Container für eine Gruppe von tabs dient. Der Inhalt der Tabs wird als tabpanel-Elemente bezeichnet.
ARIA: scrollbar-Rolle: Ein scrollbar ist ein grafisches Objekt, das das Scrollen von Inhalten innerhalb eines Anzeigebereichs steuert.
ARIA: search Rolle: Die search Rolle wird verwendet, um die Suchfunktionalität zu identifizieren; der Abschnitt der Seite, der zum Durchsuchen der Seite, der Website oder einer Sammlung von Websites genutzt wird.
ARIA: searchbox-Rolle: Die searchbox-Rolle zeigt an, dass ein Element eine Art von textbox ist, die für die Angabe von Suchkriterien vorgesehen ist.
ARIA: section-Rolle: Die section-Rolle, eine abstrakte Rolle, ist eine Superklassenrolle für renderbare strukturelle Containment-Komponenten.
ARIA: sectionhead-Rolle: Die sectionhead-Rolle, eine abstrakte Rolle, ist eine Superklassenrolle für Beschriftungen oder Zusammenfassungen des Themas ihres zugehörigen Abschnitts.
ARIA: Slider-Rolle: Die slider-Rolle definiert ein Eingabefeld, bei dem der Benutzer einen Wert aus einem gegebenen Bereich auswählt.
ARIA: spinbutton-Rolle: Die spinbutton-Rolle definiert eine Art von Bereich, bei dem erwartet wird, dass der Benutzer einen Wert aus einer Auswahl an diskreten Optionen auswählt.
ARIA: status Rolle: Die status-Rolle definiert einen Live-Bereich, der dem Benutzer beratende Informationen enthält, die nicht wichtig genug sind, um als alert betrachtet zu werden.
ARIA: Struktur-Rolle: Die structure-Rolle ist für strukturelle Dokumentelemente vorgesehen.
ARIA: Strukturelle Rollen für Dokumente: ARIA-Dokumentstrukturrrollen werden verwendet, um eine strukturelle Beschreibung für einen Abschnitt von Inhalten bereitzustellen.
ARIA: switch-Rolle: Die ARIA switch-Rolle ist funktional identisch mit der checkbox-Rolle, mit dem Unterschied, dass sie anstelle von "checked" und "unchecked", die recht allgemein gehalten sind, die Zustände "on" und "off" darstellt.
ARIA: table-Rolle: Der table-Wert der ARIA-role-Eigenschaft identifiziert das Element, das diese Rolle enthält, als eine nicht-interaktive Tabellenstruktur, die Daten in Zeilen und Spalten anordnet, ähnlich dem nativen table-HTML-Element.
ARIA: tabpanel Rolle: Das ARIA tabpanel ist ein Container für die Ressourcen von geschichtetem Inhalt, der mit einem tab verknüpft ist.
ARIA: term role: Die term Rolle kann für ein Wort oder eine Phrase mit einer optionalen entsprechenden definition verwendet werden.
ARIA: timer-Rolle: Die timer-Rolle zeigt unterstützenden Technologien an, dass ein Element ein numerischer Zähler ist, der die verstrichene Zeit von einem Startpunkt oder die verbleibende Zeit bis zu einem Endpunkt auflistet. Unterstützende Technologien geben keine Aktualisierungen eines Timers bekannt, da er einen impliziten aria-live-Wert von off hat.
ARIA: toolbar Rolle: Die toolbar-Rolle definiert das umgebende Element als eine Sammlung von häufig verwendeten Funktionsschaltflächen oder Steuerelementen, die in kompakter visueller Form dargestellt sind.
ARIA: tooltip role: Ein tooltip ist eine kontextabhängige Textblase, die eine Beschreibung für ein Element anzeigt, das beim Zeigerhover oder bei der Tastaturfokussierung erscheint.
ARIA: tree-Rolle: Ein tree ist ein Widget, das es dem Benutzer ermöglicht, ein oder mehrere Elemente aus einer hierarchisch organisierten Sammlung auszuwählen.
ARIA: treegrid-Rolle: Die treegrid-Rolle identifiziert ein Element als Gitter, dessen Zeilen auf die gleiche Weise wie bei einem tree erweitert und reduziert werden können.
ARIA: widget-Rolle: Die widget-Rolle, eine abstrakte Rolle, ist eine interaktive Komponente einer grafischen Benutzeroberfläche (GUI).