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 gebennull zurück. Dasrole-Attribut kann Semantik bereitstellen.

ARIA-Rollen werden HTML-Elementen mitrole="role type" hinzugefügt, wobeirole 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.

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 Sieh1 bish6)
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 vonbutton,checkbox,gridcell,link,menuitem,menuitemcheckbox,menuitemradio,option,progressbar,radio undtextbox, 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 vongrid,listbox undradiogroup, 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 voncommand,composite,input,landmark,range,roletype,section,sectionhead,select,structure,widget undwindow.

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. AutorenDÜRFEN NICHT abstrakte Rollen im Inhalt verwenden." - DieWAI-ARIA-Spezifikation

Auf MDN definierte Rollen

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

ARIA: alert role: Diealert-Rolle ist für wichtige, und in der Regel zeitkritische, Informationen. Dasalert ist eine Art vonstatus, die als atomare Live-Region verarbeitet wird.
ARIA: alertdialog-Rolle: Diealertdialog-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: Dieapplication-Rolle signalisiert unterstützenden Technologien, dass ein Elementund 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-Webanwendungengelten nicht als Anwendungen in diesem Zusammenhang.
ARIA: article Rolle: Diearticle-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: Diebanner-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 role: Diebutton Rolle ist für klickbare Elemente, die eine Reaktion auslösen, wenn sie vom Benutzer aktiviert werden. Das Hinzufügen vonrole="button" informiert den Bildschirmleser darüber, dass das Element ein Button ist, bietet jedoch keine Button-Funktionalität. Verwenden Sie stattdessenbutton oderinput mittype="button".
ARIA: cell role: Dercell-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 Rollerow eingebettet sein.
ARIA: Checkbox-Rolle: Diecheckbox-Rolle ist für interaktive kontrollierbare Elemente gedacht. Elemente, dierole="checkbox" enthalten, müssen auch dasaria-checked-Attribut enthalten, um den Status der Checkbox für unterstützende Technologien zugänglich zu machen.
ARIA: columnheader Rolle: Dercolumnheader-Wert des ARIA-Rollenattributs identifiziert ein Element als eine Zelle in einer Zeile, die Header-Informationen für eine Spalte enthält, ähnlich dem nativenth-Element mit Spaltenbereich.
ARIA: command-Rolle: Diecommand-Rolle definiert ein Widget, das eine Aktion ausführt, aber keine Eingabedaten erhält.
ARIA: complementary Rolle: Diecomplementarylandmark 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 dasHTML <aside> Element anstelle dessen.
ARIA: composite-Rolle: Diecompositeabstrakte Rolle zeigt ein Widget an, das navigierbare Nachfolger oder zugeordnete Kinder enthalten kann.
ARIA: contentinfo-Rolle: Diecontentinfo-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: dialog-Rolle: Diedialog-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: Diedirectory-Rolle war für eine Liste von Verweisen auf Mitglieder einer Gruppe gedacht, wie zum Beispiel ein statisches Inhaltsverzeichnis.
ARIA: document-Rolle: Diedocument-Rolle ist für fokussierbare Inhalte innerhalb komplexer zusammengesetzterWidgets oderAnwendungen vorgesehen, für die unterstützende Technologien den Lesekontext zurück zum Lesemodus wechseln können.
ARIA: feed Rolle: Einfeed ist eine dynamische scrollbarelist vonarticles, in denen Artikel entweder am Anfang oder Ende der Liste hinzugefügt oder entfernt werden, während der Benutzer scrollt. Einfeed 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: Diegeneric 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: Diegroup-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: Dieheading-Rolle definiert dieses Element als Überschrift einer Seite oder eines Abschnitts, wobei das Attributaria-level für mehr Struktur sorgt.
ARIA: img Rolle: Die ARIAimg 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 Rolleinput ist eine generische Art von Steuerelement, das Benutzereingaben ermöglicht.
ARIA: landmark role: Ein Landmark ist ein wichtiger Unterabschnitt einer Seite. Dielandmark-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: Einlink-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 ARIAlist-Rolle kann verwendet werden, um eine Liste von Elementen zu kennzeichnen. Sie wird normalerweise in Verbindung mit derlistitem-Rolle verwendet, die dazu dient, ein Listenelement innerhalb der Liste zu identifizieren.
ARIA: listbox Rolle: Dielistbox Rolle wird für Listen verwendet, aus denen ein Benutzer ein oder mehrere statische Elemente auswählen kann. Im Gegensatz zu HTMLselect-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 derlist-Rolle verwendet, die dazu dient, einen Listencontainer zu identifizieren.
ARIA: log Rolle: Dielog Rolle wird verwendet, um ein Element zu identifizieren, das einenLive-Bereich erstellt, in dem neue Informationen in einer sinnvollen Reihenfolge hinzugefügt werden und alte Informationen verschwinden können.
ARIA: mark Rolle: Diemark Rolle kennzeichnet Inhalte, die zur Referenz oder wegen ihrer Bedeutung im umgebenden Kontext markiert oder hervorgehoben sind.
ARIA: marquee-Rolle: Einmarquee ist eine Art vonLive-Region, die nicht wesentliche Informationen enthält, die häufig wechseln.
ARIA: menuitemcheckbox Rolle: Einmenuitemcheckbox ist einmenuitem mit einem überprüfbaren Zustand, dessen mögliche Wertetrue,false odermixed sind.
ARIA: menuitemradio Rolle: Einmenuitemradio ist ein auswählbares Menüelement in einer Gruppe von Elementen mit derselben Rolle, von denen nur eines gleichzeitig ausgewählt sein kann.
ARIA: navigation Rolle: Dienavigation-Rolle wird verwendet, um Hauptgruppen von Links zu identifizieren, die zur Navigation durch eine Website oder Seiteninhalte verwendet werden.
ARIA: none-Rolle: Dienone-Rolle ist ein Synonym für diepresentation-Rolle; beide entfernen die impliziten ARIA-Semantiken eines Elements, damit sie nicht im Zugänglichkeitsbaum angezeigt werden.
ARIA: note-Rolle: Einenote-Rolle verweist auf einen Abschnitt, dessen Inhalt parenthetisch oder ergänzend zum Hauptinhalt ist.
ARIA: option Rolle: Dieoption-Rolle wird für auswählbare Elemente in einerlistbox verwendet.
ARIA: presentation-Rolle: Diepresentation-Rolle und ihr Synonymnone entfernen die implizite ARIA-Semantik eines Elements aus dem Zugänglichkeitsbaum.
ARIA: radio Rolle: Dieradio Rolle ist eine von einer Gruppe von auswählbaren Optionsfeldern in einerradiogroup, bei denen nicht mehr als ein Optionsfeld gleichzeitig aktiviert sein kann.
ARIA: radiogroup-Rolle: Dieradiogroup-Rolle ist eine Gruppe vonradio-Buttons.
ARIA: range Rolle: Die abstrakte Rollerange ist eine generische Strukturrolle, die einen Wertebereich repräsentiert.
ARIA: region Rolle: Dieregion 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: Dieroletype-Rolle, eineabstrakte Rolle, ist die Basisrolle, von der alle anderen ARIA-Rollen erben.
ARIA: Rolle combobox: Die Rollecombobox identifiziert ein Element entweder alsinput oder alsbutton, das ein anderes Element, wie einelistbox oder eingrid, steuert, das dynamisch angezeigt werden kann, um dem Benutzer bei der Wertauswahl zu helfen. Eincombobox kann entweder editierbar sein (ermöglicht die Texteingabe) oder nur zur Auswahl (nur Auswahl aus dem Popup erlaubt).
ARIA: Rolle comment: Die Rollecomment bezeichnet semantisch einen Kommentar/Reaktion auf einige Inhalte auf der Seite oder auf einen vorherigen Kommentar.
ARIA: Rolle definition: Die ARIA-Rolledefinition zeigt an, dass das Element eine Definition eines Begriffs oder Konzepts ist.
ARIA: Rolle der Menuleiste: Einemenubar ist eine Darstellung einesmenu, das normalerweise sichtbar bleibt und normalerweise horizontal präsentiert wird.
ARIA: Rolle des Menüs: Die Rollemenu ist eine Art zusammengesetztes Widget, das dem Benutzer eine Liste von Auswahlmöglichkeiten bietet.
ARIA: Rolle figure: Die ARIAfigure-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: Diegridcell-Rolle wird verwendet, um eine Zelle in einemgrid odertreegrid zu erstellen. Sie ist dafür gedacht, die Funktionalität des HTML-Elementstd zur tabellenartigen Gruppierung von Informationen nachzuahmen.
ARIA: Rolle main: Diemain-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 math: Die Rollemath gibt an, dass der Inhalt einen mathematischen Ausdruck darstellt.
ARIA: Rolle menuitem: Die Rollemenuitem zeigt an, dass das Element eine Option in einer Reihe von Auswahlmöglichkeiten ist, die in einemmenu odermenubar enthalten sind.
ARIA: Rolle meter: Die Rollemeter wird verwendet, um ein Element zu identifizieren, das als Messgerät fungiert.
ARIA: Rolle progressbar: Die Rolleprogressbar definiert ein Element, das den Fortschrittsstatus für Aufgaben anzeigt, die lange dauern.
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: Eintreeitem ist ein Element in einemtree.
ARIA: Rollenmerkmal form: Das Rollenmerkmalform 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 mitrole="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 einesgrid,table odertreegrid und optional innerhalb einerrowgroup.
ARIA: rowgroup Rolle: Ein Element mitrole="rowgroup" ist eine Gruppe vonReihen innerhalb einer Tabellenstruktur. Einrowgroup enthält eine oder mehrere Reihen vonZellen,Gitterzellen,Spaltenüberschriften oderReihenüberschriften innerhalb einesgrid, einertable oder einestreegrid.
ARIA: rowheader Rolle: Ein Element mitrole="rowheader" ist eineZelle, die Header-Informationen für eineZeile innerhalb einer tabellarischen Struktur einesgrid,table odertreegrid enthält.
ARIA: scrollbar Rolle: Einscrollbar ist ein grafisches Objekt, das das Scrollen von Inhalten innerhalb eines Ansichtsbereichs steuert.
ARIA: search-Rolle: Diesearch-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: Diesearchbox Rolle zeigt an, dass ein Element eine Art vontextbox ist, das für die Angabe von Suchkriterien vorgesehen ist.
ARIA: section Rolle: Diesection Rolle, eine abstrakte Rolle, ist eine Superklassenrolle für darstellbare strukturelle Containment-Komponenten.
ARIA: sectionhead-Rolle: Diesectionhead-Rolle, eine abstrakte Rolle, ist die Superklassenrolle für Bezeichnungen oder Zusammenfassungen des Themas des zugehörigen Abschnitts.
ARIA: select Rolle: Dieselect 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: Dieseparator-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 Trennstrichshr-Element istseparator.
ARIA: Slider-Rolle: Dieslider-Rolle definiert eine Eingabe, bei der der Benutzer einen Wert aus einem vorgegebenen Bereich auswählt.
ARIA: spinbutton-Rolle: Diespinbutton-Rolle definiert einen Bereichstyp, der erwartet, dass der Benutzer einen Wert aus einer Auswahl diskreter Optionen auswählt.
ARIA: status Rolle: Diestatus Rolle definiert einenLive-Bereich, der dem Benutzer beratende Informationen bereitstellt, die nicht wichtig genug sind, um einalert zu sein.
ARIA: structure-Rolle: Diestructure-Rolle ist für dokumentarische Strukturelemente vorgesehen.
ARIA: suggestion-Rolle: Diesuggestion-Rolle kennzeichnet semantisch eine einzelne vorgeschlagene Änderung an einem bearbeitbaren Dokument. Diese sollte auf einem Element verwendet werden, das ein Element mit einerinsertion-Rolle und eines mit einerdeletion-Rolle umschließt.
ARIA: switch Rolle: Die ARIAswitch Rolle ist funktional identisch mit dercheckbox Rolle, mit dem Unterschied, dass anstelle der Zustände "geprüft" und "ungeprüft", die relativ generisch sind, dieswitch Rolle die Zustände "ein" und "aus" repräsentiert.
ARIA: tab Rolle: Die ARIAtab Rolle zeigt ein interaktives Element innerhalb einertablist an, das, wenn es aktiviert wird, das zugehörigetabpanel anzeigt.
ARIA: table-Rolle: Dertable-Wert des ARIArole-Attributs identifiziert das Element, das die Rolle einer nicht-interaktiven Tabellenstruktur mit Daten enthält, die in Reihen und Spalten angeordnet sind, ähnlich dem nativentable HTML-Element.
ARIA: tablist-Rolle: Dietablist-Rolle identifiziert das Element, das als Container für eine Gruppe vontabs dient. Der Tab-Inhalt wird alstabpanel-Elemente bezeichnet.
ARIA: tabpanel-Rolle: Das ARIAtabpanel ist ein Container für die Ressourcen von geschichteten Inhalten, die mit einemtab verbunden sind.
ARIA: term-Rolle: Dieterm-Rolle kann für ein Wort oder einen Satz verwendet werden, mit einer optionalen zugehörigendefinition.
ARIA: textbox role: Dietextbox Rolle wird verwendet, um ein Element zu identifizieren, das die Eingabe von Freiformtext ermöglicht. Wann immer möglich, verwenden Sie anstelle dieser Rolle eininput Element mittype="text" für einzeilige Eingaben oder eintextarea Element für mehrzeilige Eingaben.
ARIA: timer-Rolle: Dietimer-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 implizitenaria-live-Wert vonoff hat.
ARIA: toolbar role: Dietoolbar-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: tooltip-Rolle: Eintooltip ist ein kontextbezogenes Textfeld, das eine Beschreibung eines Elements anzeigt, die bei Zeigerhover oder Tastaturfokus erscheint.
ARIA: tree-Rolle: Eintree ist ein Widget, das es dem Benutzer ermöglicht, ein oder mehrere Elemente aus einer hierarchisch organisierten Sammlung auszuwählen.
ARIA: treegrid Rolle: Dietreegrid-Rolle identifiziert ein Element als ein Raster, dessen Zeilen auf dieselbe Weise wie bei einemtree erweitert und eingeklappt werden können.
ARIA: Widget-Rolle: Diewidget-Rolle, eineabstrakte Rolle, ist eine interaktive Komponente einer grafischen Benutzeroberfläche (GUI).
ARIA: window-Rolle: Diewindow-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

Movatterモバイル変換