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: `menuitem`-Rolle: Die menuitem-Rolle zeigt an, dass das Element eine Option in einer Auswahlmenge innerhalb eines menu oder menubar ist.
ARIA: `roletype`-Rolle: Die roletype-Rolle, eine abstrakte Rolle, ist die Basisrolle, von der alle anderen ARIA-Rollen erben.
ARIA: `searchbox` Rolle: Die searchbox-Rolle zeigt an, dass ein Element eine Art von textbox ist, die zur Angabe von Suchkriterien gedacht ist.
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-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: 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-Rolle: Die banner-Rolle dient zur Definition einer globalen Seitenkopfzeile, die normalerweise ein Logo, den Firmennamen, eine Suchfunktion und möglicherweise die globale Navigation oder einen Slogan enthält. Sie befindet sich in der Regel 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 eine Zelle in einem tabellarischen Container, der keine Spalten- oder Zeilenkopf-Informationen 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 überprüfbare Steuerelemente. Elemente, die role="checkbox" enthalten, müssen auch das aria-checked-Attribut enthalten, um den Zustand der Checkbox für unterstützende Technologie sichtbar zu machen.
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 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 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: 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: 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 erstellen. Sie soll die Funktionalität des HTML-td-Elements zur tabellenähnlichen Gruppierung von Informationen nachahmen.
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 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 eine generische Art 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. 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 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 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 möglicherweise verschwinden.
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: menubar Rolle: Ein menubar ist eine Darstellung eines menu, das normalerweise sichtbar bleibt und üblicherweise horizontal präsentiert wird.
ARIA: meter-Rolle: Die meter-Rolle wird verwendet, um ein Element zu identifizieren, das als Messgerät verwendet wird.
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 für Aufgaben anzeigt, die längere Zeit in Anspruch nehmen.
ARIA: radio-Rolle: Die radio-Rolle ist Teil einer Gruppe von auswählbaren Optionsfeldern in einer radiogroup, bei der nicht mehr als ein Optionsfeld gleichzeitig ausgewählt sein kann.
ARIA: radiogroup Rolle: Die radiogroup Rolle ist eine Gruppe von radio Schaltflächen.
ARIA: range Rolle: Die abstrakte range-Rolle ist eine generische Strukturrolle, die einen Wertebereich darstellt.
ARIA: region-Rolle: Die region-Rolle wird verwendet, um Dokumentbereiche zu identifizieren, die der Autor als bedeutend erachtet. Es ist ein generisches Landmark, das zur Unterstützung der Navigation dient, wenn keine der anderen Landmark-Rollen geeignet ist.
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 `form`: Die Rolle form kann verwendet werden, um eine Gruppe von Elementen auf einer Seite zu identifizieren, die eine ähnliche Funktionalität wie ein HTML-Formular bieten. Das Formular wird nicht als Landmarkenregion behandelt, es sei denn, es hat einen zugänglichen Namen.
ARIA: Rolle `menu`: Die Rolle menu ist eine Art zusammengesetztes Widget, das dem Benutzer eine Liste von Auswahlmöglichkeiten bietet.
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 `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: 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 `spinbutton`: Die Rolle spinbutton definiert einen Typ von Bereich, der erwartet, dass der Benutzer einen Wert aus einer Reihe diskreter Optionen 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 `textbox`: Die Rolle textbox wird verwendet, um ein Element zu identifizieren, das die Eingabe von Freitext ermöglicht. Wann immer möglich, sollte anstelle dieser Rolle ein input-Element mit type="text" für einzeilige Eingaben oder ein textarea-Element für mehrzeilige Eingaben verwendet werden.
ARIA: Rolle `window`: Die Rolle window definiert ein Browser- oder App-Fenster.
ARIA: Rolle columnheader: Der columnheader-Wert des ARIA-Rollenattributs 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 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 navigation: Die navigation Rolle wird verwendet, um wichtige Gruppen von Links zu identifizieren, die zur Navigation auf einer Website oder durch Seiteninhalte dienen.
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 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, table oder 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, Gitternetz-Zellen, Spaltenüberschriften oder Zeilenüberschriften innerhalb eines grid, einer table oder einer treegrid.
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 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 eine Eingabe, bei der der Benutzer einen Wert innerhalb eines bestimmten Bereichs 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: 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 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: 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 Rolle: Ein tooltip ist eine kontextbezogene Textblase, die eine Beschreibung für ein Element anzeigt, das bei Zeigerbewegung oder Tastaturfokus 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 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).