aria-current
Information über die aktuelle Position
Das Attribut aria-current dient als technischer Indikator für einen aktuellen Wert innerhalb einer Gruppe zusammengehörender Steuerelemente.
Üblicherweise handelt es sich um Aufzählungen von Elementen desselben Typs, etwa Links in
Positionsangaben
oder Schaltern in einem
interaktiven Kalender
.
Visuell wird mit CSS-Anweisungen eine unterschiedliche Darstellung für aktuelle Werte erzielt.
Für die technische Wahrnehmbarkeit aktueller Zustände beim Arbeiten mit einem
Screen Reader
steht das aria-current Attribut zur Verfügung.
Das Attribut fügt keine Funktionalitäten zu einem Element hinzu. Es ist rein informativ und nicht performativ.
Definition und Verwendung
Die WAI definiert das Attribut folgendermaßen:
„Dient als Indikator für das Element, welches den aktuellen Teil innerhalb eines Containers oder einer Gruppe verwandter Elemente darstellt.“
(Übersetzung durch Zweiter Blick)
Elemente und Rollen
Das Attribut aria-current ist laut Spezifikation für alle ARIA-Rollen beziehungsweise HTML-Elemente zulässig.
Es kann also beispielsweise in Positionsangaben damit auch ein Listenelement gekennzeichnet werden, das nicht als Link realisiert ist.
Einsatzbereiche
-
Die aktuelle Seite innerhalb der
Angaben zur Position innerhalb des Webauftritts (Breadcrumbs)
.
Beispiel Positionsangabe auf digitalbarrierefrei.at
-
Der Link für den aktuellen Schritt in einem Formularprozess.
Beispiel Prozessangabe auf im WAD Report Tool
- Eine Hervorhebung des aktuellen Datums oder der aktuellen Zeit innerhalb eines Kalenders.
- Das visuell hervorgehobene Element in einem Ablaufdiagramm, welches für den Stand des Ablaufs steht.
In Komponenten mit Reitern (Tabliste) sollte
aria-selected
den aktuell angezeigten Reiter (Tab) technisch kennzeichnen.
Technische Realisierung
HTML Techniken
Es genügt, das Attribut mit dem passenden Wert in den Tag einzubetten.
Im folgenden Codebeispiel wird das Listenelement für den ersten Schritt in einem Antragsformular als aktuell verfügbar gekennzeichnet:
<li
aria-current="step">
Persönliche Daten
</li>
CSS Techniken
Die visuelle Hervorhebung von Elementen mit dem Attribut aria-current kann etwa folgendermaßen realisiert werden:
[aria-current] {
font-weight: bold;
}
Werte
| Wert | Bedeutung |
|---|---|
true |
Das Element stellt das aktuelle Element in einer Gruppe von Elementen dar. |
false (Voreinstellung) |
Das Element stellt nicht das aktuelle Element in einer Gruppe von Elementen dar. |
page |
Das Element stellt die aktuelle Seite in einer Gruppe von Seiten dar (Link in einer Navigation, ...). |
step |
Das Element stellt den aktuellen Schritt in einem Prozess dar. |
location |
Das Element stellt die aktuelle Position in einer Umgebung oder einem Kontext dar (Breadcrumbs, …). |
date |
Das Element stellt das aktuelle Datum in einem Kalender dar. |
time |
Das Element stellt die aktuelle Zeit in einer Ansammlung von Zeitangaben (Zeittafel, ...) dar. |
Verhalten von assistierenden Technologien
JAWS gibt in der Standardkonfiguration der Version 2025 unter Chrome 132 folgende spezifische Informationen an:
| Wert | 📢 Ausgabe |
|---|---|
true |
Aktuelles |
false
|
- |
page |
Aktuelle Seite |
step |
Aktueller Schritt |
location |
Aktuelle Position |
date |
Aktuelles Datum |
time |
Aktuelle Zeit |
Nutzungsfreundlichkeit
Nicht immer muss der aktuelle Wert gekennzeichnet werden.
Beim Arbeiten mit einem Screen Reader werden Zusatzinformationen von einigen als störend oder irritierend empfunden.
Wenn sich das Element jedoch visuell von anderen in der Gruppe unterscheidet, muss der visuellen Hervorhebung aria-current als technischer Indikator hinzugefügt werden.
(Erfolgskriterium 1.3.1)