Element: ariaModal-Eigenschaft
Baseline
2023
Neu verfügbar
Seit October 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Die ariaModal-Eigenschaft des Element-Interfaces spiegelt den Wert des aria-modal-Attributs wider, welches angibt, ob ein Element im angezeigten Zustand modal ist. Die Anwendung der Eigenschaft aria-modal auf ein Element mit role="dialog" ersetzt die Technik der Verwendung von aria-hidden im Hintergrund, um unterstützende Technologien darüber zu informieren, dass Inhalte außerhalb eines Dialogs inaktiv sind.
Wert
Ein String mit einem der folgenden Werte:
Beispiele
In diesem Beispiel ist das aria-modal-Attribut auf dem Element mit der ID address-modal auf "true" gesetzt, was bedeutet, dass es sich um einen modalen Dialog handelt. Mit ariaModal aktualisieren wir den Wert auf "false".
<div
role="dialog"
id="address-modal"
aria-labelledby="dialog1Title"
aria-describedby="dialog1Desc"
aria-modal="true"></div>
let el = document.getElementById("address-modal");
console.log(el.ariaModal); // "true"
el.ariaModal = "false";
console.log(el.ariaModal); // "false"
Spezifikationen
| Spezifikation |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariamodal |