ElementInternals: ariaModal-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 ariaModal-Eigenschaft des ElementInternals-Interfaces spiegelt den Wert des aria-modal-Attributs wider, das angibt, ob ein Element beim Anzeigen modal ist.

Hinweis: Das Setzen von Aria-Attributen auf ElementInternals ermöglicht es, Standard-Semantiken auf einem benutzerdefinierten Element zu definieren. Diese können durch benutzerdefinierte Attribute überschrieben werden, stellen jedoch sicher, dass die Standard-Semantiken erhalten bleiben, falls der Autor diese Attribute löscht oder sie überhaupt nicht hinzufügt. Weitere Informationen finden Sie in der Accessibility Object Model Erklärungsseite.

Wert

Ein String mit einem der folgenden Werte:

"true"

Das Element ist modal.

"false"

Das Element ist nicht modal.

Beispiele

In diesem Beispiel wird der Wert von ariaModal auf "true" gesetzt.

js
class CustomEl extends HTMLElement {
  constructor() {
    super();
    this.internals_ = this.attachInternals();
    this.internals_.ariaModal = "true";
  }
  // …
}

Spezifikationen

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

Browser-Kompatibilität

Siehe auch