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.Die
menuitem
-Rolle zeigt an, dass das Element eine Option in einer Auswahlmenge innerhalb einesmenu
odermenubar
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 vontextbox
ist, die zur Angabe von Suchkriterien gedacht ist.- ARIA: alert-Rolle
Die
alert
-Rolle ist für wichtige, und üblicherweise zeitkritische, Informationen vorgesehen. Dasalert
ist eine Art vonstatus
, 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 vonrole="button"
teilt dem Screenreader mit, dass das Element ein Button ist, bietet jedoch keine Button-Funktionalität. Verwenden Sie stattdessenbutton
oderinput
mittype="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 Rollerow
verschachtelt sein.- ARIA: checkbox-Rolle
Die
checkbox
-Rolle ist für interaktive überprüfbare Steuerelemente. Elemente, dierole="checkbox"
enthalten, müssen auch dasaria-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 scrollbarelist
vonarticles
, bei 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 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 dasaria-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 derlistitem
-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 derlist
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.Ein
menubar
ist eine Darstellung einesmenu
, 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 diepresentation
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 einerlistbox
verwendet.- ARIA: Präsentationsrolle
Die
presentation
-Rolle und ihr Synonymnone
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 einerradiogroup
, bei der nicht mehr als ein Optionsfeld gleichzeitig ausgewählt sein kann.- ARIA: radiogroup Rolle
Die
radiogroup
Rolle ist eine Gruppe vonradio
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 alsinput
, das ein anderes Element steuert, wie z.B. einelistbox
oder eingrid
, 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.Die Rolle
menu
ist eine Art zusammengesetztes Widget, das dem Benutzer eine Liste von Auswahlmöglichkeiten bietet.Ein
menuitemradio
ist ein auswählbaresmenuitem
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 einesgrid
,table
odertreegrid
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 einemtab
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 eininput
-Element mit type="text" für einzeilige Eingaben oder eintextarea
-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 nativenth
-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.
Ein
menuitemcheckbox
ist einmenuitem
mit einem überprüfbaren Zustand, dessen mögliche Wertetrue
,false
odermixed
sind.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 Trennzeichenshr
istseparator
.- ARIA: Rolle tab
Die ARIA-Rolle
tab
zeigt ein interaktives Element innerhalb einestablist
an, das beim Aktivieren sein zugehörigestabpanel
anzeigt.- ARIA: Rolle tablist
Die Rolle
tablist
identifiziert das Element, das als Container für eine Gruppe vontabs
dient. Der Inhalt der Tabs wird alstabpanel
-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 einesgrid
,table
odertreegrid
und optional innerhalb einerrowgroup
.- ARIA: rowgroup Rolle
Ein Element mit
role="rowgroup"
ist eine Gruppe von Zeilen innerhalb einer tabellarischen Struktur. Einrowgroup
enthält eine oder mehrere Zeilen von Zellen, Gitternetz-Zellen, Spaltenüberschriften oder Zeilenüberschriften innerhalb einesgrid
, einertable
oder einertreegrid
.- 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 alsalert
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 einerinsertion
-Rolle und eines mit einerdeletion
-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 nativentable
-HTML-Element.- ARIA: term role
Die
term
Rolle kann für ein Wort oder eine Phrase mit einer optionalen entsprechendendefinition
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 vonoff
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 einemBaum
erweitert und reduziert werden können.- ARIA: treeitem Rolle
Ein
treeitem
ist ein Element in einemtree
.- ARIA: widget-Rolle
Die
widget
-Rolle, eine abstrakte Rolle, ist eine interaktive Komponente einer grafischen Benutzeroberfläche (GUI).