Element: ariaHidden-Eigenschaft

Baseline 2023

Newly available

Since October 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die ariaHidden-Eigenschaft des Element-Interfaces spiegelt den Wert des aria-hidden-Attributs wider, das angibt, ob das Element für eine Zugriffs-API sichtbar ist.

Wert

Ein String mit einem der folgenden Werte:

"true"

Das Element ist für die Zugriffs-API verborgen.

"false"

Das Element ist für die Zugriffs-API sichtbar, als ob es gerendert wäre.

"undefined"

Der verborgene Zustand des Elements wird vom Benutzeragenten basierend darauf bestimmt, ob es gerendert ist.

Beispiele

In diesem Beispiel wird das aria-hidden-Attribut des Elements mit der ID hidden auf "true" gesetzt. Mit ariaHidden aktualisieren wir den Wert auf "false".

html
<div id="hidden" aria-hidden="true">Some things are better left unsaid.</div>
js
let el = document.getElementById("hidden");
console.log(el.ariaHidden); // true
el.ariaHidden = "false";
console.log(el.ariaHidden); // false

Spezifikationen

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariahidden

Browser-Kompatibilität

BCD tables only load in the browser