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 der Element-Schnittstelle spiegelt den Wert des aria-hidden-Attributs wider, das angibt, ob das Element für eine Zugänglichkeits-API sichtbar ist.

Wert

Ein String mit einem der folgenden Werte:

"true"

Das Element ist vor der Zugänglichkeits-API verborgen.

"false"

Das Element ist der Zugänglichkeits-API zugänglich, als ob es gerendert wäre.

"undefined"

Der versteckte Status des Elements wird vom Benutzeragenten bestimmt, basierend darauf, ob es gerendert wird oder nicht.

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