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: `landmark`-Rolle: Ein Landmark-Bereich ist ein wichtiger Abschnitt 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: `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: `searchbox` Rolle: Die searchbox-Rolle zeigt an, dass ein Element eine Art von textbox ist, die zur Angabe von Suchkriterien gedacht ist.
ARIA: `sectionhead` Rolle: Die sectionhead Rolle, eine abstrakte Rolle, dient als Superklasse für Rollen, die Bezeichner oder Zusammenfassungen des Themas ihres zugehörigen Abschnitts darstellen.
ARIA: `separator`-Rolle: Die separator-Rolle kennzeichnet das Element als Trennelement, das Sektionen von Inhalten oder Gruppen von Menüeinträgen voneinander trennt und unterscheidet. Die implizite ARIA-Rolle für das native thematische Unterbrechungselement hr ist separator.
ARIA: `structure` Rolle: Die structure-Rolle ist für strukturelle Dokumentelemente.
ARIA: `tooltip` Rolle: Ein tooltip ist eine kontextuelle Textblase, die eine Beschreibung für ein Element anzeigt, das bei Zeigerhover oder Tastaturfokus erscheint.
ARIA: alert-Rolle: Die alert-Rolle ist für wichtige, und üblicherweise zeitkritische, Informationen vorgesehen. Das alert ist eine Art von status, das als atomare Live-Region verarbeitet wird.
ARIA: alertdialog role: Die alertdialog-Rolle soll bei modalen Warnhinweisen verwendet werden, die den Arbeitsablauf eines Benutzers unterbrechen, um eine wichtige Nachricht zu kommunizieren und eine Reaktion erfordern.
ARIA: application Rolle: Die application Rolle zeigt unterstützenden Technologien an, dass ein Element und all 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-Web-Apps gelten nicht als Anwendungen für diesen Zweck.
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: banner role: Die banner-Rolle dient dazu, eine globale Kopfzeile der Website zu definieren, die in der Regel ein Logo, den Firmennamen, eine Suchfunktion und möglicherweise die globale Navigation oder einen Slogan enthält. Sie befindet sich normalerweise am oberen Rand der Seite.
ARIA: button Rolle: Die button-Rolle ist für klickbare Elemente gedacht, die eine Reaktion auslösen, wenn sie vom Benutzer aktiviert werden. Das Hinzufügen von role="button" teilt dem Screenreader mit, dass das Element ein Button ist, bietet jedoch keine Button-Funktionalität. Verwenden Sie stattdessen button oder input mit type="button".
ARIA: cell-Rolle: Der cell-Wert des ARIA role Attributs identifiziert ein Element als Zelle in einem tabellarischen Container, der keine Spalten- oder Zeilenüberschriften enthält. Damit es unterstützt wird, muss die Zelle in ein Element mit der Rolle row eingebettet sein.
ARIA: checkbox Rolle: Die checkbox Rolle ist für interaktive Steuerelemente, die überprüft werden können. Elemente, die role="checkbox" enthalten, müssen auch das aria-checked Attribut enthalten, um den Status der Checkbox für unterstützende Technologien zugänglich zu machen.
ARIA: columnheader-Rolle: Der columnheader-Wert des ARIA role-Attributs identifiziert ein Element als eine Zelle in einer Zeile, die Kopfzeileninformationen für eine Spalte enthält, ähnlich dem nativen th-Element mit Spaltenscope.
ARIA: comment role: Die comment-Rolle bezeichnet semantisch einen Kommentar oder eine Reaktion auf einige Inhalte auf der Seite oder auf einen vorherigen Kommentar.
ARIA: complementary Rolle: Die complementary Landmark-Rolle wird verwendet, um einen unterstützenden Abschnitt zu kennzeichnen, der sich auf den Hauptinhalt bezieht, jedoch eigenständig bestehen kann, wenn er getrennt wird. Diese Abschnitte werden häufig als Seitenleisten oder hervorgehobene Kästen dargestellt. Verwenden Sie nach Möglichkeit das HTML <aside>-Element.
ARIA: composite Rolle: Die composite abstrakte Rolle weist auf ein Widget hin, das durch Navigieren durch Nachkommen oder eigene Kinder beinhalten kann.
ARIA: contentinfo-Rolle: Die contentinfo-Rolle definiert eine Fußzeile, die identifizierende Informationen wie Urheberrechtshinweise, Navigationslinks und Datenschutzerklärungen enthält, die in jedem Dokument auf einer Website zu finden sind. Dieser Abschnitt wird häufig 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: Dokumentstrukturelle Rollen: ARIA-Dokumentstrukturrollen werden verwendet, um eine strukturelle Beschreibung für einen Inhaltsabschnitt bereitzustellen.
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 äquivalente Funktionalität zu einem HTML-Formular bieten. Das Formular wird nicht als Landmarkenregion behandelt, es sei denn, es hat einen Accessible_name.
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 Grid oder Treegrid zu erstellen. Sie soll die Funktionalität des HTML-Elements td nachahmen, um eine tabellenartige Gruppierung von Informationen zu ermöglichen.
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: heading Rolle: Die heading-Rolle definiert dieses Element als Überschrift für eine Seite oder einen Abschnitt, wobei das aria-level-Attribut für mehr Struktur sorgt.
ARIA: img-Rolle: Die ARIA-img-Rolle kann verwendet werden, um mehrere Elemente im Seiteninhalt zu identifizieren, die als ein einzelnes Bild betrachtet werden sollten. Diese Elemente können Bilder, Codeausschnitte, Text, Emojis oder andere Inhalte sein, die kombiniert werden können, um Informationen visuell darzustellen.
ARIA: input-Rolle: Die abstrakte input-Rolle ist eine generische Art von Widget, das Benutzereingaben erlaubt.
ARIA: link-Rolle: Ein link-Widget bietet einen interaktiven Verweis auf eine Ressource. Die Zielressource kann entweder extern oder lokal sein, d.h. entweder außerhalb oder innerhalb der aktuellen Seite oder Anwendung.
ARIA: list Rolle: Die ARIA list Rolle kann verwendet werden, um eine Liste von Elementen zu identifizieren. Sie wird normalerweise in Verbindung mit der listitem Rolle verwendet, die ein Listenelement identifiziert, das innerhalb der Liste enthalten ist.
ARIA: listbox-Rolle: Die listbox-Rolle wird für Listen verwendet, aus denen ein Benutzer ein oder mehrere Elemente auswählen kann, die statisch sind und im Gegensatz zu HTML-select-Elementen auch Bilder enthalten können.
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 zur Identifizierung eines Listenkontextes dient.
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 verschwinden können.
ARIA: main-Rolle: Die main-Landmark-Rolle wird verwendet, um den primären Inhalt eines Dokuments zu kennzeichnen. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments oder der Hauptfunktion einer Anwendung in Verbindung stehen oder diese erweitern.
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: Menü-Rolle: Die menu-Rolle ist eine Art zusammengesetztes Widget, das dem Benutzer eine Liste von Auswahlmöglichkeiten bietet.
ARIA: menubar Rolle: Ein menubar ist eine Darstellung eines menu, das normalerweise sichtbar bleibt und üblicherweise horizontal präsentiert wird.
ARIA: menuitem-Rolle: Die menuitem-Rolle gibt an, dass das Element eine Option in einer Reihe von Auswahlmöglichkeiten ist, die von einem menu oder menubar enthalten sind.
ARIA: meter-Rolle: Die meter-Rolle wird verwendet, um ein Element zu identifizieren, das als Messgerät verwendet wird.
ARIA: navigation role: Die navigation-Rolle wird verwendet, um große Gruppen von Links zu identifizieren, die zur Navigation durch eine Website oder den Inhalt einer Seite genutzt 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-Rolle und ihr Synonym none entfernen implizite ARIA-Semantik eines Elements, sodass diese nicht im Barrierefreiheitsbaum sichtbar wird.
ARIA: progressbar Rolle: Die progressbar-Rolle definiert ein Element, das den Fortschrittsstatus von Aufgaben anzeigt, die lange dauern.
ARIA: radio Rolle: Die radio-Rolle ist eine von einer Gruppe von ankreuzbaren Radio-Buttons in einem radiogroup, wobei nicht mehr als ein Radio-Button gleichzeitig aktiviert sein kann.
ARIA: radiogroup Rolle: Die radiogroup Rolle ist eine Gruppe von radio Schaltflächen.
ARIA: region Rolle: Die region Rolle wird verwendet, um Dokumentbereiche zu identifizieren, die der Autor als bedeutend erachtet. Sie ist ein generischer Orientierungspunkt, der zur Navigation unterstützt, wenn keine der anderen Rollen für Orientierungspunkte geeignet ist.
ARIA: role="range": Die abstrakte Rolle range ist eine generische Strukturrolle, die einen Wertebereich darstellt.
ARIA: roletype-Rolle: Die roletype Rolle, eine abstrakte Rolle, ist die Basisrolle, von der alle anderen ARIA-Rollen erben.
ARIA: Rolle `combobox`: Die Rolle combobox identifiziert ein Element als input, das ein anderes Element steuert, wie z.B. eine listbox oder ein grid, die dynamisch eingeblendet werden können, um dem Benutzer bei der Eingabe des Wertes zu helfen.
ARIA: Rolle `menuitemradio`: Ein menuitemradio ist ein auswählbares menuitem in einer Gruppe von Elementen mit derselben Rolle, von denen immer nur eines ausgewählt sein kann.
ARIA: Rolle `slider`: Die Rolle slider definiert ein Eingabefeld, in dem der Benutzer einen Wert aus einem vorgegebenen Bereich auswählt.
ARIA: Rolle `tabpanel`: Das ARIA-tabpanel ist ein Container für die Ressourcen von geschichtetem Inhalt, der mit einem tab verbunden ist.
ARIA: Rolle figure: Die ARIA figure-Rolle kann verwendet werden, um eine Figur innerhalb von Seiteninhalten zu identifizieren, wo passende Semantiken noch nicht existieren. Eine Figur wird im Allgemeinen als ein oder mehrere Bilder, Codeausschnitte oder andere Inhalte betrachtet, die Informationen auf eine andere Weise als der normale Textfluss vermitteln.
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 menuitemcheckbox: Ein menuitemcheckbox ist ein menuitem mit einem überprüfbaren Zustand, dessen mögliche Werte true, false oder mixed sind.
ARIA: Rolle tab: Die ARIA-Rolle tab zeigt ein interaktives Element innerhalb eines tablist an, das beim Aktivieren sein zugehöriges tabpanel anzeigt.
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: row Rolle: Ein Element mit role="row" ist eine Zeile 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, einer table oder einer treegrid und optional innerhalb einer rowgroup.
ARIA: rowgroup-Rolle: Ein Element mit role="rowgroup" ist eine Gruppe von Zeilen innerhalb einer tabellarischen Struktur. Ein rowgroup enthält eine oder mehrere Zeilen von Zellen, Gitterzellen, Spaltenüberschriften oder Zeilenüberschriften innerhalb eines grid, table oder treegrid.
ARIA: rowheader Rolle: 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: scrollbar-Rolle: Ein scrollbar ist ein grafisches Objekt, das das Scrollen von Inhalten innerhalb eines Anzeigebereichs steuert.
ARIA: search role: Die search-Rolle wird verwendet, um die Suchfunktionalität zu identifizieren; den Abschnitt der Seite, der zum Durchsuchen der Seite, der Website oder einer Sammlung von Websites verwendet wird.
ARIA: section Rolle: Die section Rolle, eine abstrakte Rolle, ist eine Superklasse für renderbare strukturelle Containment-Komponenten.
ARIA: select Rolle: Die select Rolle, eine abstrakte Rolle, ist die Superklasse für Formular-Widgets, die es dem Benutzer ermöglichen, aus einer Reihe von Optionen auszuwählen.
ARIA: spinbutton-Rolle: Die spinbutton-Rolle definiert einen Typ von Bereich, der erwartet, dass der Benutzer einen Wert aus einer Reihe diskreter Auswahlmöglichkeiten 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: suggestion role: Die suggestion-Rolle kennzeichnet semantisch eine einzelne vorgeschlagene Änderung an einem bearbeitbaren Dokument. Diese sollte auf einem Element verwendet werden, das ein Element mit einer insertion-Rolle und eines mit einer deletion-Rolle umschließt.
ARIA: switch-Rolle: Die ARIA switch-Rolle ist funktional identisch mit der checkbox-Rolle, mit dem Unterschied, dass sie anstelle der relativ generischen "checked"- und "unchecked"-Zustände die Zustände "on" und "off" darstellt.
ARIA: table-Rolle: Der table-Wert des ARIA role-Attributs identifiziert das Element, das diese Rolle enthält, als eine nicht-interaktive Tabellenstruktur, die Daten in Zeilen und Spalten geordnet enthält, ähnlich dem nativen table HTML-Element.
ARIA: term Rolle: Die term Rolle kann für ein Wort oder einen Ausdruck mit einer optional entsprechenden definition verwendet werden.
ARIA: textbox Rolle: Die textbox Rolle wird verwendet, um ein Element zu identifizieren, das die Eingabe von Freitext ermöglicht. Wann immer möglich, verwenden Sie anstelle dieser Rolle ein input-Element mit type="text" für einzeilige Eingaben oder ein textarea-Element für mehrzeilige Eingaben.
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: 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 ein Gitter, dessen Zeilen auf die gleiche Weise wie bei einem Baum erweitert und reduziert werden können.
ARIA: treeitem Rolle: Ein treeitem ist ein Element in einem tree.
ARIA: Widget-Rolle: Die widget-Rolle, eine abstrakte Rolle, ist eine interaktive Komponente einer grafischen Benutzeroberfläche (GUI).
ARIA: window-Rolle: Die window-Rolle definiert ein Browser- oder App-Fenster.