Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Element: ariaModal-Eigenschaft
Baseline 2023Newly available
Since October 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
DieariaModal-Eigenschaft desElement-Interfaces spiegelt den Wert desaria-modal-Attributs wider, welches angibt, ob ein Element im angezeigten Zustand modal ist. Die Anwendung der Eigenschaftaria-modal auf ein Element mitrole="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 dasaria-modal-Attribut auf dem Element mit der IDaddress-modal auf "true" gesetzt, was bedeutet, dass es sich um einen modalen Dialog handelt. MitariaModal aktualisieren wir den Wert auf "false".
<div role="dialog" 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
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariamodal |