ElementInternals: ariaSelected-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 ariaSelected-Eigenschaft der ElementInternals-Schnittstelle spiegelt den Wert des aria-selected-Attributs wider, das den aktuellen "selektierten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben.

Hinweis: Das Setzen von aria-Attributen auf ElementInternals ermöglicht es, Standardsemantiken auf einem benutzerdefinierten Element zu definieren. Diese können durch benutzerspezifische Attribute überschrieben werden, aber stellen Sie sicher, dass die Standardsemantiken beibehalten werden, falls der Autor diese Attribute löscht oder sie überhaupt nicht hinzufügt. Weitere Informationen finden Sie im Accessibility Object Model Explainer.

Wert

Ein String mit einem der folgenden Werte:

"true"

Das Element ist ausgewählt.

"false"

Das Element ist nicht ausgewählt.

"undefined"

Das Element ist nicht

Beispiele

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

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch