HTML/Attribute/aria-current

Das aria-current-Attribut zeigt an, dass dieses Element das aktuelle Element innerhalb eines Containers oder einer Menge von verwandten Elementen darstellt.

erlaubte Werte	page: Stellt die aktuelle Seite innerhalb einer Reihe von Seiten dar, z. B. den Link zum aktuellen Dokument in einem Breadcrumb. step: Stellt den aktuellen Schritt innerhalb eines Prozesses dar, z. B. den aktuellen Schritt in einem aufgezählten mehrstufigen Checkout-Fluss. location: Stellt die aktuelle Position innerhalb einer Umgebung oder eines Kontexts dar, z. B. das Bild, das als aktuelle Komponente eines Flussdiagramms visuell hervorgehoben wird. date: Stellt das aktuelle Datum innerhalb einer Sammlung von Daten dar, z. B. das aktuelle Datum in einem Kalender. time:Stellt die aktuelle Zeit innerhalb einer Reihe von Zeiten dar, z. B. die aktuelle Zeit in einem Zeitplan. true: Stellt das aktuelle Element innerhalb einer Menge dar. false Stellt nicht das aktuelle Element innerhalb einer Menge dar.
default-Wert	false
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<nav>
  <ul>
    <li><a href="seite_1.html">Seite 1</a></li>
    <li><a href="" aria-current="page">aktuelle Seite</a></li>
    ...

</nav>

Die aktuelle Seite wird mit aria-current ausgezeichnet. So ist sie sicht- und auffindbar, die Reihenfolge der Navgationselemente wird nicht geändert - durch das leere href-Attribut ist sie aber nicht anklickbar!

Beachten Sie: aria-current sollte maximal einmal verwendet werden.
aria-current sollte nicht für Tabs, etc, verwendet werden, in denen ein Element ausgewählt wird. Verwende hier aria-selected.

Siehe auch

• WAI-ARIA
• Navigation
  • Verlinke nicht auf die aktuelle Seite!
• OnePager
  • Intersection Observer API
    aktuelle Position mit der Intersection Observer API herausfinden
• JavaScript/Tutorials/Zeit & Datum
  • Datum ausgeben

Weblinks

• W3C: aria-current
• MDN: aria-current

{{{{{Inhaltsverzeichnis}}}}}