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

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

Liste der HTML-Attribute

• Aria-Attribute
  • aria-activedescendant
  • aria-atomic
  • aria-autocomplete
  • aria-braillelabel
  • aria-brailleroledescription
  • aria-busy
  • aria-checked
  • aria-colcount
  • aria-colindex
  • aria-colindextext
  • aria-colspan
  • aria-controls
  • aria-current
  • aria-describedby
  • aria-description
  • aria-details
  • aria-disabled
  • aria-errormessage
  • aria-expanded
  • aria-flowto
  • aria-haspopup
  • aria-hidden
  • aria-invalid
  • aria-keyshortcuts
  • aria-label
  • aria-labelledby
  • aria-level
  • aria-live
  • aria-modal
  • aria-multiline
  • aria-multiselectable
  • aria-orientation
  • aria-owns
  • aria-placeholder
  • aria-posinset
  • aria-pressed
  • aria-readonly
  • aria-relevant
  • aria-required
  • aria-roledescription
  • aria-rowcount
  • aria-rowindex
  • aria-rowindextext
  • aria-rowspan
  • aria-selected
  • aria-setsize
  • aria-sort
  • aria-valuemax
  • aria-valuemin
  • aria-valuenow
  • aria-valuetext
• Universalattribute
• Formular-Attribute
• Listen-Attribute
• Medien-Attribute
• Meta-Attribute
• Tabellen-Attribute
• Verweis-Attribute
• obsolet oder gelöscht