WAI-ARIA Rollen

ARIA-Rollen verleihen Inhalten eine semantische Bedeutung, sodass Screenreader und andere Tools ein Objekt auf eine Weise präsentieren und die Interaktion damit unterstützen können, die den Erwartungen der Nutzer an diesen Objekttyp entspricht. ARIA-Rollen können verwendet werden, um Elemente zu beschreiben, die nicht nativ in HTML 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 'Tab-Panel' angekündigt. Wenn das Tab-Panel jedoch keine verschachtelten Tabs hat, ist das Element mit der Tabpanel-Rolle tatsächlich kein Tab-Panel, und die Barrierefreiheit wurde tatsächlich negativ beeinflusst.

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

ARIA-Rollentypen

Es gibt 6 Kategorien von ARIA-Rollen:

1. Dokumentstrukturrrollen

Dokumentstrukturrrollen 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, Toolbar und Tooltip-Rollen, liefern Assistenztechnologien wie Screenreadern Informationen über die Dokumentstruktur, da äquivalente native HTML-Tags nicht verfügbar sind.

Für die meisten Dokumentstrukturrrollen sind semantische HTML-äquivalente 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 <figure> stattdessen)
group
heading (verwenden Sie h1 bis h6)
img (verwenden Sie <img> oder <picture> stattdessen)
list (verwenden Sie entweder <ul> oder <ol> stattdessen)
listitem (verwenden Sie <li> stattdessen)
meter (verwenden Sie <meter> stattdessen)
row (verwenden Sie das <tr> mit <table>)
rowgroup (verwenden Sie <thead>, <tfoot> und <tbody>)
rowheader (verwenden Sie <th scope="row">)
separator (verwenden Sie <hr> falls es keinen Fokus hat)
table (verwenden Sie <table>)
term (verwenden Sie <dfn>)

Diese sind zur Vollständigkeit enthalten, aber in den meisten Fällen selten bis nie nützlich:

2. Widget-Rollen

Widget-Rollen werden verwendet, um häufige interaktive Muster zu definieren. Ähnlich wie bei Dokumentstrukturrrollen haben einige Widget-Rollen dieselbe Semantik wie gut unterstützte native HTML-Elemente und sollten daher vermieden werden. Der wesentliche Unterschied besteht darin, dass Widget-Rollen normalerweise JavaScript für die Interaktion erfordern, während Dokumentstrukturrrollen dies oft nicht tun.

Vermeiden Sie die Verwendung von button, checkbox, gridcell, link, menuitem, menuitemcheckbox, menuitemradio, option, progressbar, radio und textbox, die wir zur Vollständigkeit aufgenommen haben. Für die meisten sind semantische Äquivalente mit zugänglicher Interaktivität verfügbar und 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 zur Vollständigkeit 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 die Kategorie der Widget-Rollen fällt.

3. Landmark-Rollen

Landmark-Rollen bieten eine Möglichkeit, die Organisation und Struktur einer Webseite zu identifizieren. Durch das Klassifizieren und Beschriften von Seitensektionen wird die visuell durch das Layout vermittelte Strukturinformation programmatisch dargestellt. Screenreader verwenden Landmark-Rollen, um die Tastaturnavigation zu wichtigen Seitensektionen zu ermöglichen. Verwenden Sie diese sparsam. Zu viele Landmark-Rollen erzeugen "Rauschen" in Screenreadern, was das Verständnis des gesamten Seitenlayouts erschwert.

4. Live-Region-Rollen

Live-Region-Rollen werden verwendet, um Elemente mit Inhalten zu definieren, die dynamisch geändert werden. Benutzer, die sehen können, können dynamische Änderungen erkennen, wenn sie visuell bemerkbar sind. Diese Rollen helfen Benutzern mit Sehbehinderungen und Blinden zu erfahren, ob Inhalte aktualisiert wurden. Assistive Technologien wie Screenreader können angewiesen werden, dynamische Inhaltsänderungen bekanntzugeben:

5. Fensterrollen

Fensterrollen definieren Unterfenster des Hauptdokumentfensters innerhalb desselben Fensters, wie z.B. 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 nicht von Entwicklern verwendet werden, die HTML-Markup schreiben. Ihre Verwendung führt nicht dazu, dass assistive 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 keine abstrakten Rollen auf Ihren Websites und in Ihren Anwendungen. Sie sind für die Verwendung durch Browser vorgesehen. Sie sind nur als Referenz enthalten.

Warnung: "Abstrakte Rollen werden für die Ontologie verwendet. Autoren DÜRFEN NICHT abstrakte Rollen im Inhalt verwenden." - Die WAI-ARIA-Spezifikation

Auf MDN definierte Rollen

Im Folgenden sind die Referenzseiten aufgeführt, die die auf MDN besprochenen WAI-ARIA-Rollen abdecken.

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: `contentinfo`-Rolle: Die contentinfo-Rolle definiert einen Footer, der Identifizierungsinformationen wie Urheberrechtsinformationen, Navigationslinks und Datenschutzerklärungen enthält, die in jedem Dokument einer Website zu finden sind. Dieser Abschnitt wird allgemein als Footer bezeichnet.
ARIA: `separator`-Rolle: Die separator-Rolle gibt an, dass das Element ein Teiler ist, der Abschnitte von Inhalten oder Gruppen von Menüelementen trennt und unterscheidet. Die implizite ARIA-Rolle des nativen thematischen Trennstrichs hr-Element ist separator.
ARIA: `structure`-Rolle: Die structure-Rolle ist für dokumentarische Strukturelemente vorgesehen.
ARIA: alert role: Die alert-Rolle ist für wichtige, und in der Regel zeitkritische, Informationen. Das alert ist eine Art von status, die als atomare Live-Region verarbeitet wird.
ARIA: alertdialog-Rolle: Die alertdialog-Rolle wird bei modalen Alert-Dialogen verwendet, die den Arbeitsablauf eines Benutzers unterbrechen, um eine wichtige Nachricht zu kommunizieren und eine Antwort zu verlangen.
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: button role: Die button-Rolle ist für anklickbare Elemente, die eine Reaktion auslösen, wenn sie von Nutzern aktiviert werden. Das Hinzufügen von role="button" informiert den Screenreader, dass das Element ein Button ist, bietet jedoch keine Button-Funktionalität. Verwenden Sie stattdessen button oder input mit type="button".
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 interaktive kontrollierbare Elemente gedacht. 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-Rollenattributs identifiziert ein Element als eine Zelle in einer Zeile, die Header-Informationen 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: complementary Rolle: Die complementary landmark Rolle wird verwendet, um einen unterstützenden Abschnitt zu bezeichnen, der sich auf den Hauptinhalt bezieht, aber auch allein stehen kann, wenn er getrennt wird. Diese Abschnitte werden häufig als Seitenleisten oder Hervorhebungsboxen präsentiert. Wenn möglich, verwenden Sie das HTML <aside> Element anstelle dessen.
ARIA: composite-Rolle: Die composite abstrakte Rolle zeigt ein Widget an, das navigierbare Nachfolger oder zugeordnete Kinder enthalten kann.
ARIA: dialog-Rolle: Die dialog-Rolle wird verwendet, um einen HTML-basierten Anwendungsdialog oder ein Fenster zu markieren, das den Inhalt oder die Benutzeroberfläche vom Rest der Webanwendung oder Seite trennt. Dialoge werden im Allgemeinen über den Rest des Seiteninhalts mithilfe einer Überlagerung platziert. Dialoge können entweder nicht-modal (es ist immer noch möglich, mit Inhalten außerhalb des Dialogs zu interagieren) oder modal sein (nur mit dem Inhalt 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, für die unterstützende Technologien den Lesekontext zurück zum Lesemodus wechseln können.
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: generic role: Die generic Rolle erstellt ein namenloses Container-Element, das keine eigene semantische Bedeutung hat.
ARIA: grid Rolle: Die grid-Rolle ist für ein Widget gedacht, das eine oder mehrere Zeilen von Zellen enthält. Die Position jeder Zelle ist signifikant und kann über Tastatureingaben fokussiert werden.
ARIA: group-Rolle: Die group-Rolle identifiziert eine Gruppe von Benutzeroberflächenobjekten, die nicht dazu gedacht sind, als Seitenszusammenfassung oder Inhaltsverzeichnis von unterstützenden Technologien aufgenommen zu 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 img Rolle kann verwendet werden, um mehrere Elemente innerhalb des Seiteninhalts zu identifizieren, die als ein einziges Bild betrachtet werden sollen. Diese Elemente könnten Bilder, Codeausschnitte, Text, Emojis oder anderer Inhalt sein, der kombiniert werden kann, um Informationen visuell zu 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: 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 diese 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 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: 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: menuitemradio Rolle: Ein menuitemradio ist ein auswählbares Menüelement in einem Satz von Elementen mit derselben Rolle, von denen nur eines gleichzeitig ausgewählt sein kann.
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, 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 ist eine von einer Gruppe von auswählbaren Optionsfeldern in einer radiogroup, bei denen nicht mehr als ein Optionsfeld gleichzeitig aktiviert sein kann.
ARIA: range Rolle: Die abstrakte Rolle range ist eine generische Strukturrolle, die einen Wertebereich repräsentiert.
ARIA: region Rolle: Die region Rolle wird verwendet, um Dokumentbereiche zu kennzeichnen, die der Autor als bedeutend erachtet. Es handelt sich um ein generisches Landmark, das zur Navigation dient, wenn keine der anderen Landmark-Rollen geeignet ist.
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 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 `definition`: Die ARIA-Rolle definition zeigt an, dass das Element eine Definition eines Begriffs oder Konzepts ist.
ARIA: Rolle `math`: Die Rolle math gibt an, dass der Inhalt einen mathematischen Ausdruck darstellt.
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 `meter`: Die Rolle meter wird verwendet, um ein Element zu identifizieren, das als Messgerät fungiert.
ARIA: Rolle `scrollbar`: Ein scrollbar ist ein grafisches Objekt, das das Scrollen von Inhalten innerhalb eines Anzeigebereichs steuert.
ARIA: Rolle comment: Die Rolle comment bezeichnet semantisch einen Kommentar/Reaktion auf einige Inhalte auf der Seite oder auf einen vorherigen Kommentar.
ARIA: Rolle der Menuleiste: Eine menubar ist eine Darstellung eines menu, das normalerweise sichtbar bleibt und normalerweise horizontal präsentiert wird.
ARIA: Rolle des Menüs: Die Rolle menu ist eine Art zusammengesetztes Widget, das dem Benutzer eine Liste von Auswahlmöglichkeiten bietet.
ARIA: Rolle figure: Die ARIA figure-Rolle kann verwendet werden, um ein Bild innerhalb des Seiteninhalts zu identifizieren, wenn geeignete Semantiken nicht bereits vorhanden sind. Ein Bild (figure) wird im Allgemeinen als ein oder mehrere Bilder, Code-Snippets oder anderer Inhalt betrachtet, der Informationen auf eine andere Weise vermittelt als ein normaler Textfluss.
ARIA: Rolle gridcell: Die gridcell-Rolle wird verwendet, um eine Zelle in einem grid oder treegrid zu erstellen. Sie ist dafür gedacht, die Funktionalität des HTML-Elements td zur tabellenartigen Gruppierung von Informationen nachzuahmen.
ARIA: Rolle main: 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 in Verbindung stehen oder dieses erweitern.
ARIA: Rolle menuitemcheckbox: Ein menuitemcheckbox ist ein menuitem mit einem ankreuzbaren Zustand, dessen mögliche Werte true, false oder mixed sind.
ARIA: Rolle progressbar: Die Rolle progressbar definiert ein Element, das den Fortschrittsstatus für Aufgaben anzeigt, die lange dauern.
ARIA: Rolle radiogroup: Die Rolle radiogroup ist eine Gruppe von radio-Buttons.
ARIA: Rolle toolbar: Die toolbar-Rolle definiert das umschließende Element als eine Sammlung von häufig verwendeten Funktionsschaltflächen oder Steuerelementen, die in kompakter visueller Form dargestellt werden.
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: Rollenbeschreibung `treeitem`: Ein treeitem ist ein Element in einem tree.
ARIA: Rollenmerkmal `form`: Das Rollenmerkmal form kann verwendet werden, um eine Gruppe von Elementen auf einer Seite zu kennzeichnen, die eine äquivalente Funktionalität wie ein HTML-Formular bereitstellen. Das Formular wird nicht als Landmarkenbereich angezeigt, es sei denn, es hat einen zugänglichen Namen.
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: Slider-Rolle: Die slider-Rolle definiert eine Eingabe, bei der der Benutzer einen Wert aus einem vorgegebenen Bereich auswählt.
ARIA: Spinbutton-Rolle: Die spinbutton-Rolle definiert eine Art Bereich, bei dem vom Benutzer erwartet wird, dass er einen Wert aus diskreten Auswahlmöglichkeiten 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: 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 funktional identisch mit der checkbox Rolle, mit dem Unterschied, dass anstelle der Zustände "geprüft" und "ungeprüft", die relativ generisch sind, die switch Rolle die Zustände "ein" und "aus" repräsentiert.
ARIA: tab-Rolle: Die ARIA tab-Rolle zeigt ein interaktives Element innerhalb eines tablist an, das beim Aktivieren sein zugehöriges tabpanel anzeigt.
ARIA: table-Rolle: Der table-Wert des ARIA role-Attributs identifiziert das Element, das die Rolle einer nicht-interaktiven Tabellenstruktur mit Daten enthält, die in Reihen und Spalten angeordnet sind, ähnlich dem nativen table HTML-Element.
ARIA: tablist-Rolle: Die tablist-Rolle identifiziert das Element, das als Container für eine Gruppe von tabs dient. Der Tab-Inhalt wird als tabpanel-Elemente bezeichnet.
ARIA: tabpanel-Rolle: Das ARIA tabpanel ist ein Container für die Ressourcen von geschichteten Inhalten, die mit einem tab verbunden 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: tooltip Rolle: Ein tooltip ist ein kontextbezogenes Textfeld, das eine Beschreibung für ein Element anzeigen lässt, die bei Pointer-Hover 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 Raster, dessen Zeilen auf dieselbe Weise wie bei einem tree erweitert und eingeklappt 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

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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