Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

ElementInternals: ariaChecked-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2023 browserübergreifend verfügbar.

Die ariaChecked-Eigenschaft des ElementInternals-Interfaces spiegelt den Wert des aria-checked-Attributs wider, welches den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets, die einen geprüften Zustand haben, anzeigt.

Hinweis: Das Setzen von aria-Attributen auf ElementInternals erlaubt es, die Standardsemantik eines benutzerdefinierten Elements zu definieren. Diese können durch vom Autor definierte Attribute überschrieben werden, stellen jedoch sicher, dass die Standardsemantik beibehalten wird, sollte der Autor diese Attribute löschen oder überhaupt nicht hinzufügen. Weitere Informationen finden Sie im Accessibility Object Model Explainer.

Wert

Ein String mit einem der folgenden Werte:

"true"

Das Element ist aktiviert.

"mixed"

Gibt einen gemischten Moduswert für ein Drei-Zustand-Kontrollkästchen oder Menüelement-Kontrollkästchen an.

"false"

Das Element unterstützt das aktiviert sein, ist aber derzeit nicht aktiviert.

"undefined"

Das Element unterstützt das aktiviert sein nicht.

Beispiele

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

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

Spezifikationen

Spezifikation
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariachecked

Browser-Kompatibilität

Siehe auch