WAI-ARIA-Rollen

ARIA-Rollen verleihen Inhalten eine semantische Bedeutung. Dadurch können Screenreader und andere Hilfsmittel ein Objekt so darstellen und die Interaktion damit so unterstützen, wie es Benutzende von dieser Art von Objekt erwarten. ARIA-Rollen können Elemente beschreiben, für die es in HTML kein natives Gegenstück gibt oder die noch nicht vollständig von Browsern unterstützt werden.

Viele semantische HTML-Elemente haben standardmäßig eine Rolle. Beispielsweise hat <input type="radio"> die Rolle „radio“. Nicht semantische HTML-Elemente haben keine Rolle: <div> und <span> ohne zusätzliche Semantik geben null zurück. Das Attribut role kann Semantik bereitstellen.

ARIA-Rollen werden HTML-Elementen mit role="role type" hinzugefügt. Dabei ist role type der Name einer Rolle in der ARIA-Spezifikation. Einige Rollen erfordern zugehörige ARIA-Zustände oder -Eigenschaften; andere sind nur in Verbindung mit weiteren Rollen gültig.

Beispielsweise wird <ul role="tabpanel"> von Screenreadern als „Tab-Panel“ angekündigt. Enthält das Tab-Panel jedoch keine verschachtelten Tabs, ist das Element mit der Rolle tabpanel tatsächlich kein Tab-Panel. Die Barrierefreiheit wird dadurch sogar beeinträchtigt.

Die mit jeder Rolle verbundenen ARIA-Zustände und -Eigenschaften sind auf der jeweiligen Rollenseite aufgeführt. Jedes Attribut hat außerdem eine eigene Seite.

Arten von ARIA-Rollen

Es gibt sechs Kategorien von ARIA-Rollen:

1. Rollen für die Dokumentstruktur

Rollen für die Dokumentstruktur beschreiben die Struktur eines Inhaltsabschnitts. Die meisten dieser Rollen sollten nicht mehr verwendet werden, da Browser inzwischen semantische HTML-Elemente mit derselben Bedeutung unterstützen. Rollen ohne HTML-Gegenstück, etwa presentation, toolbar und tooltip, vermitteln assistiven Technologien wie Screenreadern Informationen über die Dokumentstruktur, für die keine gleichwertigen nativen HTML-Elemente verfügbar sind.

Für die meisten Rollen zur Dokumentstruktur sind gleichwertige semantische HTML-Elemente verfügbar und werden 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 stattdessen <img> oder <picture>)
list (verwenden Sie stattdessen <ul> oder <ol>)
listitem (verwenden Sie stattdessen <li>)
meter (verwenden Sie stattdessen <meter>)
row (verwenden Sie <tr> mit <table>)
rowgroup (verwenden Sie <thead>, <tfoot> und <tbody>)
rowheader (verwenden Sie <th scope="row">)
separator (verwenden Sie <hr>, wenn das Element keinen Fokus erhalten kann)
table (verwenden Sie <table>)
term (verwenden Sie <dfn>)

Die folgenden Rollen sind der Vollständigkeit halber aufgeführt, sind aber in den meisten Fällen selten oder nie nützlich:

Grafikrollen sind im WAI-ARIA Graphics Module definiert und beschreiben die Struktur und semantische Bedeutung grafischer Inhalte. Sie sind Unterklassen der Rollen document, group und img.

2. Widget-Rollen

Widget-Rollen definieren verbreitete Interaktionsmuster. Wie bei Rollen für die Dokumentstruktur gibt es auch für einige Widget-Rollen gut unterstützte native HTML-Elemente mit derselben Semantik. Diese Rollen sollten daher vermieden werden. Der wesentliche Unterschied besteht darin, dass Widget-Rollen für die Interaktion üblicherweise JavaScript benötigen, Rollen für die Dokumentstruktur dagegen häufig nicht.

scrollbar
searchbox
separator (wenn das Element den Fokus erhalten kann)
slider
spinbutton
switch
tab
tabpanel
treeitem

Vermeiden Sie die Verwendung von button, checkbox, gridcell, link, menuitem, menuitemcheckbox, menuitemradio, option, progressbar, radio und textbox. Diese Rollen sind hier der Vollständigkeit halber aufgeführt. Für die meisten gibt es unterstützte semantische Gegenstücke, die eine barrierefreie Interaktion ermöglichen. Weitere Informationen finden Sie in der Dokumentation der jeweiligen Rolle.

Zusammengesetzte Widget-Rollen

Vermeiden Sie die Verwendung von grid, listbox und radiogroup. Diese Rollen sind hier der Vollständigkeit halber aufgeführt. Weitere Informationen finden Sie in der Dokumentation der jeweiligen Rolle.

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

3. Landmark-Rollen

Landmark-Rollen machen die Gliederung und Struktur einer Webseite erkennbar. Indem Abschnitte einer Seite klassifiziert und bezeichnet werden, lassen sich Strukturinformationen, die visuell durch das Layout vermittelt werden, auch programmatisch darstellen. Screenreader verwenden Landmark-Rollen, um die Tastaturnavigation zu wichtigen Abschnitten einer Seite zu ermöglichen. Setzen Sie diese Rollen sparsam ein. Zu viele Landmark-Rollen erzeugen in Screenreadern „Rauschen“ und erschweren es, den Gesamtaufbau der Seite zu verstehen.

banner (<header> des Dokuments)
complementary (<aside>)
contentinfo (<footer> des Dokuments)
form (<form>)
main (<main>)
navigation (<nav>)
region (<section>)
search (<search>)

4. Live-Region-Rollen

Live-Region-Rollen kennzeichnen Elemente, deren Inhalt sich dynamisch ändert. Sehende Benutzende können solche Änderungen erkennen, wenn sie visuell auffallen. Diese Rollen helfen Menschen mit eingeschränktem Sehvermögen und blinden Menschen zu erkennen, ob Inhalte aktualisiert wurden. Assistive Technologien wie Screenreader können so eingerichtet werden, dass sie dynamische Inhaltsänderungen ankündigen:

5. Fensterrollen

Fensterrollen definieren Unterfenster innerhalb desselben Fensters wie das Hauptdokument, beispielsweise modale Popup-Dialoge:

6. Abstrakte Rollen

Abstrakte Rollen sind ausschließlich für Browser vorgesehen, um die Struktur eines Dokuments zu organisieren und zu vereinheitlichen. Entwickelnde sollten sie nicht im HTML-Markup verwenden. Andernfalls werden weder assistiven Technologien noch Benutzenden aussagekräftige Informationen vermittelt.

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 in Ihren Anwendungen keine abstrakten Rollen. Sie sind für Browser vorgesehen und hier nur als Referenz aufgeführt.

Warnung: „Abstrakte Rollen werden für die Ontologie verwendet. Autoren DÜRFEN abstrakte Rollen NICHT in Inhalten verwenden.“ – Die WAI-ARIA-Spezifikation

Auf MDN dokumentierte Rollen

Die folgenden Referenzseiten behandeln die auf MDN beschriebenen WAI-ARIA-Rollen.

ARIA: alert-Rolle: Die alert-Rolle ist für wichtige und in der Regel zeitkritische Informationen vorgesehen. alert ist eine Art von status, die als atomare Live-Region verarbeitet wird.
ARIA: Anwendungsrolle: Die application-Rolle signalisiert unterstützenden Technologien, dass ein Element und all seine Kinder ähnlich wie eine Desktop-Anwendung behandelt werden sollten und keine herkömmlichen HTML-Interpretationstechniken verwenden werden sollten. Diese Rolle sollte nur zur Definition sehr dynamischer und desktopähnlicher Webanwendungen verwendet werden. Die meisten mobilen und Desktop-Webanwendungen gelten nicht als Anwendungen in diesem Zusammenhang.
ARIA: article Rolle: Die article-Rolle zeigt einen Abschnitt einer Seite an, der problemlos allein auf einer Seite, in einem Dokument oder auf einer Website stehen könnte. Sie wird normalerweise auf verwandten Inhaltselementen wie Kommentaren, Forenbeiträgen, Zeitungsartikeln oder anderen auf einer Seite gruppierten Elementen gesetzt.
ARIA: banner-Rolle: Die banner-Rolle dient zur Definition einer globalen Website-Kopfzeile, die üblicherweise ein Logo, den Firmennamen, eine Suchfunktion und möglicherweise die globale Navigation oder einen Slogan umfasst. Sie befindet sich in der Regel am oberen Rand der Seite.
ARIA: button-Rolle: Die button-Rolle ist für klickbare Elemente, 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 nicht die sonst übliche Button-Funktionalität wie Klickereignisse und Tastatursteuerung. Sie können diese selbst hinzufügen, sollten jedoch im Allgemeinen button oder input mit type="button" verwenden.
ARIA: cell role: Der cell-Wert des ARIA-role-Attributs identifiziert ein Element als Zelle in einem tabellarischen Container, der keine Spalten- oder Zeilenkopfinformationen enthält. Um unterstützt zu werden, muss die Zelle in ein Element mit der Rolle row eingebettet sein.
ARIA: checkbox Rolle: Die checkbox Rolle ist für überprüfbare interaktive Steuerungen vorgesehen. Elemente, die role="checkbox" enthalten, müssen auch das aria-checked Attribut enthalten, um den Zustand der Checkbox für unterstützende Technologien sichtbar zu machen.
ARIA: columnheader-Rolle: Der Wert columnheader des ARIA-Rollenattributs identifiziert ein Element als eine Zelle in einer Zeile, die Headerinformationen für eine Spalte enthält, ähnlich dem nativen th-Element mit Spaltenbereich.
ARIA: command-Rolle: Die command-Rolle definiert ein Widget, das eine Aktion ausführt, aber keine Eingabedaten erhält.
ARIA: composite-Rolle: Die composite abstrakte Rolle zeigt ein Widget an, das navigierbare Nachfolger oder zugeordnete Kinder enthalten kann.
ARIA: contentinfo-Rolle: Die Rolle contentinfo kennzeichnet einen Fußbereich, der Informationen wie Copyright-Hinweise, Navigationslinks und Datenschutzhinweise enthält und auf jeder Seite einer Website zu finden ist. Dieser Bereich wird üblicherweise Footer genannt.
ARIA: dialog-Rolle: Die Rolle dialog wird verwendet, um einen HTML-basierten Anwendungsdialog oder ein Fenster zu kennzeichnen, das Inhalte oder Bedienelemente vom Rest der Webanwendung oder Seite trennt. Dialoge werden in der Regel mithilfe eines Overlays über dem übrigen Seiteninhalt angezeigt. Sie können entweder nicht modal sein (eine Interaktion mit Inhalten außerhalb des Dialogs ist weiterhin möglich) oder modal (nur mit den Inhalten im Dialog kann interagiert werden).
ARIA: directory-Rolle: Die directory-Rolle war für eine Liste von Verweisen auf Mitglieder 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 vorgesehen. Sie ermöglicht es Hilfstechnologien, wieder in einen Lesemodus zu wechseln.
ARIA: feed Rolle: Ein feed ist eine dynamische scrollbare list von articles, in 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 Lesemodus zu nutzen, um sowohl durch das Lesen als auch durch Scrollen einen Stream von reichhaltigem Inhalt zu navigieren, der möglicherweise unendlich scrollt, indem mehr Inhalt geladen wird, während der Benutzer liest.
ARIA: figure Rolle: Die ARIA figure Rolle kann verwendet werden, um eine Abbildung innerhalb des Seiteninhalts zu identifizieren, wo entsprechende Semantiken nicht bereits existieren. Eine Abbildung wird im Allgemeinen als ein oder mehrere Bilder, Code-Snippets oder anderer Inhalt angesehen, die Informationen anders vermitteln als ein regulärer Fließtext.
ARIA: form-Rolle: Die Rolle form kann verwendet werden, um eine Gruppe von Elementen auf einer Seite zu kennzeichnen, die dieselbe Funktionalität wie ein HTML-Formular bietet. Das Formular wird nur dann als Landmark-Region verfügbar gemacht, wenn es einen zugänglichen Namen hat.
ARIA: generic role: Die generic Rolle erstellt ein namenloses Container-Element, das keine eigene semantische Bedeutung hat.
ARIA: graphics-symbol-Rolle: Die Rolle graphics-symbol kennzeichnet ein grafisches Objekt, das eine einfache Bedeutung oder Kategorie vermittelt und bei dem die Bedeutung wichtiger ist als die konkrete visuelle Darstellung.
ARIA: grid-Rolle: Die grid-Rolle ist für ein Widget vorgesehen, das eine oder mehrere Zeilen mit Zellen enthält. Die Position jeder Zelle ist von Bedeutung, und jede Zelle kann über die Tastatur fokussiert werden.
ARIA: heading-Rolle: Die heading-Rolle definiert dieses Element als Überschrift einer Seite oder eines Abschnitts, wobei das Attribut aria-level für mehr Struktur sorgt.
ARIA: img-Rolle: Die ARIA-Rolle img kann verwendet werden, um mehrere Elemente innerhalb eines Seiteninhalts als ein einziges Bild zu kennzeichnen. Bei diesen Elementen kann es sich um Bilder, Codeausschnitte, Text, Emojis oder andere Inhalte handeln, die zusammen Informationen visuell vermitteln.
ARIA: input-Rolle: Die abstrakte Rolle input ist eine generische Art von Steuerelement, das Benutzereingaben ermöglicht.
ARIA: landmark role: Ein Landmark ist ein wichtiger Unterabschnitt einer Seite. Die landmark-Rolle ist eine abstrakte Superklasse für die ARIA-Rollenwerte für Inhaltsbereiche, 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 kennzeichnen. Sie wird normalerweise in Verbindung mit der listitem-Rolle verwendet, die dazu dient, ein Listenelement innerhalb der Liste zu identifizieren.
ARIA: listbox-Rolle
ARIA: listitem Rolle: Die ARIA listitem Rolle kann verwendet werden, um ein Element innerhalb einer Liste von Elementen zu identifizieren. Normalerweise wird sie in Verbindung mit der list Rolle verwendet, die dazu dient, einen Listencontainer zu identifizieren.
ARIA: log Rolle: Die log Rolle wird verwendet, um ein Element zu identifizieren, das einen Live-Bereich erstellt, in dem neue Informationen in einer sinnvollen Reihenfolge hinzugefügt werden und alte Informationen verschwinden können.
ARIA: main role: 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: mark Rolle: Die mark Rolle kennzeichnet Inhalte, die zur Referenz oder wegen ihrer Bedeutung im umgebenden Kontext markiert oder hervorgehoben sind.
ARIA: marquee-Rolle: Ein marquee ist eine Art von Live-Region, die nicht wesentliche Informationen enthält, die häufig wechseln.
ARIA: menubar-Rolle: Ein menubar ist eine Darstellung eines menu, das normalerweise sichtbar bleibt und typischerweise horizontal präsentiert wird.
ARIA: menuitemcheckbox Rolle: Ein menuitemcheckbox ist ein menuitem mit einem Überprüfungsstatus, dessen mögliche Werte true, false oder mixed sind.
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 kennzeichnet wichtige Gruppen von Links, die zur Navigation innerhalb einer Website oder des Seiteninhalts dienen.
ARIA: none-Rolle: Die none-Rolle ist ein Synonym für die presentation-Rolle; beide entfernen die impliziten ARIA-Semantiken eines Elements, damit sie nicht im Zugänglichkeitsbaum angezeigt werden.
ARIA: note-Rolle: Eine note-Rolle verweist auf einen Abschnitt, 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: presentation-Rolle: Die presentation-Rolle und ihr Synonym none entfernen die implizite ARIA-Semantik eines Elements aus dem Zugänglichkeitsbaum.
ARIA: radio Rolle: Die radio-Rolle gehört zu 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 Rolle radiogroup bezeichnet eine Gruppe von radio-Schaltflächen.
ARIA: range Rolle: Die abstrakte Rolle range ist eine generische Strukturrolle, die einen Wertebereich repräsentiert.
ARIA: region-Rolle: Die region-Rolle kennzeichnet Bereiche eines Dokuments, die der Autor für wichtig hält. Sie ist eine allgemeine Landmarke, die die Navigation erleichtert, wenn keine der anderen Landmarkenrollen passt.
ARIA: roletype Rolle: Die roletype-Rolle, eine abstrakte Rolle, ist die Basisrolle, von der alle anderen ARIA-Rollen erben.
ARIA: Rolle alertdialog: Die Rolle alertdialog wird für modale Warndialoge verwendet, die den Arbeitsablauf von Benutzerinnen und Benutzern unterbrechen, um eine wichtige Nachricht mitzuteilen und eine Antwort zu verlangen.
ARIA: Rolle combobox: Die Rolle combobox identifiziert ein Element entweder als input oder als button, das ein anderes Element, wie eine listbox oder ein grid, steuert, das dynamisch angezeigt werden kann, um dem Benutzer bei der Wertauswahl zu helfen. Ein combobox kann entweder editierbar sein (ermöglicht die Texteingabe) oder nur zur Auswahl (nur Auswahl aus dem Popup erlaubt).
ARIA: Rolle comment: Die Rolle comment bezeichnet semantisch einen Kommentar/Reaktion auf einige Inhalte auf der Seite oder auf einen vorherigen Kommentar.
ARIA: Rolle complementary: Die Landmark-Rolle complementary kennzeichnet einen ergänzenden Bereich, der mit dem Hauptinhalt zusammenhängt, aber auch für sich allein verständlich ist. Solche Bereiche werden häufig als Seitenleisten oder hervorgehobene Infokästen dargestellt. Verwenden Sie nach Möglichkeit stattdessen das HTML-Element <aside>.
ARIA: Rolle definition: Die ARIA-Rolle definition gibt an, dass das Element die Definition eines Begriffs oder Konzepts ist.
ARIA: Rolle graphics-document: Die Rolle graphics-document kennzeichnet einen Typ von document, bei dem das visuelle Erscheinungsbild oder die Anordnung des Inhalts eine Bedeutung vermittelt.
ARIA: Rolle graphics-object: Die Rolle graphics-object kennzeichnet einen Abschnitt eines graphics-document, der ein eigenständiges Objekt oder eine Unterkomponente mit semantischer Bedeutung darstellt.
ARIA: Rolle gridcell: Die Rolle gridcell wird verwendet, um eine Zelle in einem Grid oder Treegrid zu erstellen. Sie soll die Funktionalität des HTML-Elements td bei der tabellenartigen Gruppierung von Informationen nachbilden.
ARIA: Rolle group: Die Rolle group kennzeichnet eine Gruppe von Benutzeroberflächenobjekten, die von assistiven Technologien nicht in eine Seitenübersicht oder ein Inhaltsverzeichnis aufgenommen werden soll.
ARIA: Rolle math: Die Rolle math gibt an, dass der Inhalt einen mathematischen Ausdruck darstellt.
ARIA: Rolle menu: Die Rolle menu bezeichnet einen zusammengesetzten Widget-Typ, der Benutzern eine Liste von Auswahlmöglichkeiten bietet.
ARIA: Rolle menuitem: Die Rolle menuitem zeigt an, dass das Element eine Option in einer Reihe von Auswahlmöglichkeiten ist, die in einem menu oder menubar enthalten sind.
ARIA: Rolle menuitemradio: Ein menuitemradio ist ein auswählbarer Menüeintrag in einer Gruppe von Elementen mit derselben Rolle. Innerhalb der Gruppe kann jeweils nur ein Eintrag ausgewählt sein.
ARIA: Rolle progressbar: Die Rolle progressbar definiert ein Element, das den Fortschrittsstatus für Aufgaben anzeigt, die lange dauern.
ARIA: Rolle scrollbar: Eine scrollbar ist ein grafisches Objekt, das das Scrollen von Inhalten innerhalb eines Anzeigebereichs steuert.
ARIA: Rolle spinbutton: Die spinbutton-Rolle definiert einen Typ von Bereich, bei dem der Benutzer erwartet, einen Wert aus diskreten Optionen auszuwählen.
ARIA: Rolle table: Der Wert table des ARIA-Attributs role kennzeichnet das Element mit dieser Rolle als nicht interaktive Tabellenstruktur mit Daten, die in Zeilen und Spalten angeordnet sind – ähnlich dem nativen HTML-Element table.
ARIA: Rolle tooltip: Ein tooltip ist eine kontextbezogene Textblase, die eine Beschreibung für ein Element anzeigt, wenn sich der Mauszeiger darüber befindet oder das Element den Tastaturfokus erhält.
ARIA: Rolle treeitem: Ein treeitem ist ein Element in einem tree.
ARIA: Rollen für Dokumentstruktur: Die Rollen für Dokumentstruktur in ARIA werden verwendet, um eine strukturelle Beschreibung für einen Abschnitt von Inhalten bereitzustellen.
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 Reihen innerhalb einer Tabellenstruktur. Ein rowgroup enthält eine oder mehrere Reihen von Zellen, Gitterzellen, Spaltenüberschriften oder Reihenüberschriften innerhalb eines grid, einer table oder eines treegrid.
ARIA: rowheader Rolle: Ein Element mit role="rowheader" ist eine Zelle, die Header-Informationen für eine Zeile innerhalb einer tabellarischen Struktur eines grid, table oder treegrid enthält.
ARIA: search-Rolle: Die search-Rolle wird verwendet, um die Suchfunktionalität zu identifizieren; den Bereich der Seite, der zur Durchsuchung 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, das für die Angabe von Suchkriterien vorgesehen ist.
ARIA: section Rolle: Die section Rolle, eine abstrakte Rolle, ist eine Superklassenrolle für darstellbare strukturelle Containment-Komponenten.
ARIA: sectionhead-Rolle: Die sectionhead-Rolle, eine abstrakte Rolle, ist die Superklassenrolle für Bezeichnungen oder Zusammenfassungen des Themas des zugehörigen Abschnitts.
ARIA: select Rolle: Die select Rolle, eine abstrakte Rolle, ist die Superklassenrolle für Formular-Widgets, die es dem Benutzer ermöglichen, aus einer Auswahl von Optionen zu wählen.
ARIA: separator-Rolle: Die separator-Rolle zeigt an, dass das Element ein Trennzeichen ist, das Abschnitte von Inhalten oder Gruppen von Menüeinträgen trennt und unterscheidet. Die implizite ARIA-Rolle des nativen thematischen Unterbrechungs-hr-Elementes ist separator.
ARIA: Slider-Rolle: Die slider-Rolle definiert eine Eingabe, bei der der Benutzer einen Wert aus einem vorgegebenen Wertebereich auswählt.
ARIA: status Rolle: Die status Rolle definiert einen Live-Bereich, der dem Benutzer beratende Informationen bereitstellt, die nicht wichtig genug sind, um ein alert zu sein.
ARIA: structure-Rolle: Die structure-Rolle ist für dokumentarische Strukturelemente vorgesehen.
ARIA: suggestion-Rolle: 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 funktionell identisch mit der checkbox Rolle, mit der Ausnahme, dass sie statt der "checked" und "unchecked" Zustände, die relativ allgemein sind, die Zustände "on" und "off" repräsentiert.
ARIA: tab role: Die ARIA tab Rolle kennzeichnet ein interaktives Element innerhalb eines tablist, das beim Aktivieren sein zugehöriges tabpanel anzeigt.
ARIA: tablist-Rolle: Die tablist-Rolle identifiziert das Element, das als Container für eine Gruppe von tabs dient. Die Inhalte der Tabs werden als tabpanel-Elemente bezeichnet.
ARIA: tabpanel-Rolle: Das ARIA-tabpanel ist ein Container für die Ressourcen geschichteter Inhalte, die einem tab zugeordnet sind.
ARIA: term-Rolle: Die term-Rolle kann für ein Wort oder einen Satz verwendet werden, mit einer optionalen zugehörigen definition.
ARIA: textbox role: Die textbox Rolle wird verwendet, um ein Element zu identifizieren, das die Eingabe von Freiformtext 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 werden Aktualisierungen eines Timers nicht ansagen, da er einen impliziten aria-live-Wert von off hat.
ARIA: toolbar role: Die toolbar-Rolle definiert das umschließende Element als eine Sammlung von häufig verwendeten Funktionsschaltflächen oder Steuerungen, die in einer kompakten visuellen Form dargestellt sind.
ARIA: tree-Rolle: Ein tree ist ein Widget, mit dem Benutzer ein oder mehrere Elemente aus einer hierarchisch organisierten Sammlung auswählen können.
ARIA: treegrid-Rolle: Die Rolle treegrid kennzeichnet ein Grid, dessen Zeilen 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).
ARIA: window-Rolle: Die window-Rolle definiert ein Browser- oder App-Fenster.

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden