Skip to content

ARIA-Rollen erklärt

Spickzettel der ARIA-Rollenwerte: Landmark-, Dokument-, Widget- und Live-Region-Rollen mit Zweck und Anwendungsfällen.

ARIA-Rollen deklarieren, was ein Element tut. Landmark-Rollen gliedern Seitenregionen. Dokument-Rollen strukturieren Inhalte. Widget-Rollen markieren interaktive Steuerelemente. Live-Region-Rollen kündigen dynamische Aktualisierungen an.

Nachschlagetabelle · 77 Einträge
77 of 77 rows
Landmark
Kennzeichnet die Site-Kopfzeile am oberen Seitenrand.Markenlogo, Haupt-Slogan, Kopfzeile der Seite.
Gruppiert eine Sammlung von Navigationslinks.Hauptmenüs, Brotkrumen, In-Page-Navigation.
Kennzeichnet den dominierenden Inhalt des Dokuments.Der einzigartige Hauptbereich der Seite.
Kennzeichnet unterstützenden Inhalt getrennt vom Hauptinhalt.Seitenleisten, verwandte Links, Hinweisboxen.
Gruppiert Footer-Metadaten über das übergeordnete Dokument.Copyright-Zeilen, Datenschutzlinks, rechtlicher Footer.
Kennzeichnet eine Region, die ein Suchformular enthält.Site-Suche, Filterformulare, Suchfelder.
Kennzeichnet einen benannten, wahrnehmbaren Abschnitt der Seite.Eigene Abschnitte mit zugänglichem Namen.
Kennzeichnet eine Region mit einer Gruppe von Formularfeldern.Benannte Suchformulare, Filterpanels, Umfrageabschnitte.
Kennzeichnet eine Region, die sich wie eine Softwareanwendung verhält.Ganzseitige Editoren, Karten, Spielflächen.
Dokument
Kennzeichnet eine in sich geschlossene Komposition.Blogbeiträge, Nachrichten, Produktkarten.
Kennzeichnet eine Überschrift für einen Inhaltsabschnitt.Abschnittstitel, wenn native h1-h6 nicht passen.
Gruppiert eine Liste verwandter Einträge.Eigene Aufzählungs- oder nummerierte Listen.
Kennzeichnet einen einzelnen Eintrag in einer Liste.Eine Zeile einer eigenen Liste.
Gruppiert eine Menge verwandter Formularsteuerelemente.Feldgruppen, Radiogruppen, verwandte Eingaben.
Kennzeichnet grafischen Inhalt mit einer Bildunterschrift.Bilder, Diagramme, Charts mit Label.
Kennzeichnet in Zeilen und Spalten angeordnete Daten.Tabellendaten aus eigenen Elementen.
Kennzeichnet ein sichtbares Label für Tabelle, Grid oder Figur.Titel über Datentabellen, Figuren-Labels.
Gruppiert eine Menge verwandter Zeilen in einer Tabelle.Kopf-, Körper- und Fußbänder einer Tabelle.
Kennzeichnet eine Zellzeile in einer Tabelle oder einem Grid.Eine einzelne Datenzeile einer eigenen Tabelle.
Kennzeichnet eine Kopfzelle für eine Tabellenspalte.Oberste Labels einer Datentabelle.
Kennzeichnet eine Kopfzelle für eine Tabellenzeile.Das führende Label jeder Tabellenzeile.
Kennzeichnet eine Datenzelle innerhalb einer Zeile.Einzelne Werte einer eigenen Tabellenzeile.
Kennzeichnet ein Wort oder eine Phrase, die definiert wird.Wörterbuchschlüssel, Begriffe von Definitionslisten.
Kennzeichnet die Bedeutung des vorangegangenen Begriffs.Die Beschreibung unter einem definierten Begriff.
Kennzeichnet eine Anmerkung neben dem Hauptinhalt.Tipps, Randnotizen, Fußnotenartige Bemerkungen.
Kennzeichnet eine Liste von Verweisen auf Gruppenmitglieder.Inhaltsverzeichnisse und Link-Indizes (in ARIA 1.2 verworfen).
Kennzeichnet eine scrollbare Liste von Artikelabschnitten.Unendlich scrollende Streams, die Inhalte nachladen.
Kennzeichnet Inhalt in mathematischer Notation.Formeln aus LaTeX oder MathML.
Kennzeichnet einen Skalarwert innerhalb eines bekannten Bereichs.Festplatten-Balken, Punktestände, Stärkeanzeigen.
Kennzeichnet einen bestimmten Zeitpunkt oder eine Dauer.Zeitstempel, Ereignisdaten, vergangene Zeiten.
Kennzeichnet einen Block von Fließtext.Textblöcke, die nicht als native p-Elemente geschrieben sind.
Kennzeichnet ein Zitat aus einer anderen Quelle.Pull-Quotes und zitierte Auszüge.
Kennzeichnet ein Fragment von Programmcode.Inline-Snippets und Befehlsnamen im Text.
Kennzeichnet Text mit sprachlicher Betonung.Betonte Wörter innerhalb eines Satzes.
Kennzeichnet Text mit starker Wichtigkeit.Warnungen, Schlüsselphrasen, Pflicht-Labels.
Kennzeichnet Text unterhalb der Grundlinie.Chemische Formeln wie H2O.
Kennzeichnet Text oberhalb der Grundlinie.Fußnoten-Marker und Exponenten.
Kennzeichnet einen schlichten Container ohne Sonderbedeutung.Layout-Wrapper und Styling-Hooks.
Entfernt die Semantik eines Elements.Dekorative Bilder, Layout-Tabellen, Trenn-Elemente.
Kennzeichnet ein Element als einzelnes Bild.Icon-Sprites, SVG-Gruppen, CSS-gezeichnete Grafiken.
Widget
Kennzeichnet ein klickbares Steuerelement, das eine Aktion auslöst.Eigene Schaltflächen, Icon-Buttons, Aktionsauslöser.
Kennzeichnet einen Link zu einer anderen Ressource oder Stelle.Eigene Anker und In-App-Routenlinks.
Kennzeichnet einen Schalter für eine einzelne Option.Eigene Checkboxen, Nutzungsbedingungen-Schalter.
Kennzeichnet eine Wahl in einer gegenseitig ausschließenden Gruppe.Eigene Radios innerhalb einer radiogroup.
Kennzeichnet einen binären Ein-/Aus-Schalter.Design-, Stummschalt- und Einstellungsschalter.
Gruppiert die Labels für eine Reihe von Tabs.Die Tab-Leiste eines Panels mit Tabs.
Kennzeichnet ein Label innerhalb einer tablist.Ein einzelner Tab, der ein Panel zeigt.
Kennzeichnet das Inhaltspanel für einen Tab.Der Inhalt, der gezeigt wird, wenn sein Tab aktiv ist.
Kennzeichnet ein Overlay-Fenster über der Seite.Modals, Drawer, Popovers, die den Fokus übernehmen.
Kennzeichnet einen Dialog, der eine Nutzerantwort erfordert.Löschen-Bestätigung, Hinweise auf ungespeicherte Änderungen.
Kennzeichnet ein Eingabefeld mit einem Popup von Auswahlmöglichkeiten.Autocomplete, Suche-mit-Auswahl, Typeahead-Listen.
Kennzeichnet ein Steuerelement, das einen Wert in einem Bereich setzt.Lautstärke, Preis, Deckkraft, Range-Eingaben.
Kennzeichnet eine Liste von Auswahlmöglichkeiten für den Nutzer.Dropdown-Menüs, Kontextmenüs, Werkzeugpaletten.
Kennzeichnet eine einzelne Option innerhalb eines Menüs.Eine Zeile oder ein Eintrag eines Dropdown-Menüs.
Kennzeichnet ein Feld für freie Texteingabe.Eigene Eingaben, Suchfelder, Kommentarboxen.
Kennzeichnet eine hierarchische Liste von Einträgen.Datei-Explorer, verschachtelte Menüs, Organigramme.
Kennzeichnet eine Liste auswählbarer Optionen.Eigene Auswahllisten für eine oder viele Wahlen.
Kennzeichnet eine einzelne Wahl innerhalb einer listbox.Ein wählbarer Eintrag einer eigenen Listbox.
Gruppiert eine Menge gegenseitig ausschließender Wahlen.Eigene Radio-Sets, Plan-Wahlen, Skalen-Antworten.
Kennzeichnet ein Widget aus Zeilen und Spalten von Zellen.Tabellenkalkulations-Layouts, Kalendermonatsansichten.
Kennzeichnet ein Grid, dessen Zeilen sich aus- und einklappen.Verschachtelte Datentabellen, Mail-Thread-Tabellen.
Kennzeichnet eine ausklappbare Option innerhalb eines Baums.Ein Datei- oder Ordnerknoten in einem Datei-Explorer.
Kennzeichnet ein Popup, das auf ein Steuerelement hinweist.Hover-Hinweise, Fokus-Tipps für Icon-Buttons.
Kennzeichnet ein Element, das Aufgabenfortschritt zeigt.Upload-Balken und Ladeanzeigen.
Kennzeichnet ein Steuerelement, das eine Inhaltsansicht scrollt.Eigene Scroll-Griffe für Panes und Karussells.
Kennzeichnet ein Steuerelement, das einen Wert in Schritten ändert.Mengen-Wähler, Zahlen-Stepper.
Kennzeichnet ein Textfeld zur Eingabe von Suchbegriffen.Eigene Suchleisten und Filterfelder.
Kennzeichnet eine Gruppe häufig genutzter Steuerelemente.Formatierungsleisten, Aktionszeilen über Editoren.
Kennzeichnet eine Zeile dauerhafter Menü-Auslöser.App-artige Datei- und Bearbeiten-Menübänder.
Kennzeichnet eine Menüoption, die ein- und ausschaltet.Ansichtsoption-Schalter innerhalb eines Dropdown-Menüs.
Kennzeichnet eine exklusive Wahl innerhalb eines Menüs.Sortier- und Design-Wahlen in einem Menü.
Kennzeichnet einen Teiler zwischen Inhaltsgruppen.Menü-Trenner, ziehbare Pane-Splitter.
Live-Region
Kündigt eine zeitkritische, wichtige Nachricht an.Formularfehler, dringende Hinweise, die Aufmerksamkeit brauchen.
Kündigt eine hinweisende Aktualisierung an, ohne zu unterbrechen.Speicherbestätigung, Fortschritt, weiche Ergebnisse.
Kündigt neue Einträge in einem chronologischen Strom an.Chat-Protokolle, Ereignisprotokolle, Aktivitäts-Feeds.
Kündigt scrollenden oder bewegten Textinhalt an.Ticker, scrollende Nachrichtenzeilen, rotierende Banner.
Kündigt einen laufenden Timer oder Countdown an.Sitzungs-Timeouts, Countdowns, Stoppuhren.