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

View in English Always switch to English

Element: ariaPressed-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 ariaPressed-Eigenschaft des Element-Interfaces spiegelt den Wert des aria-pressed-Attributs wider, welches den aktuellen "gedrückten" Zustand von Umschalter-Buttons angibt.

Hinweis: Verwenden Sie nach Möglichkeit ein HTML-<input>-Element mit type="button" oder das <button>-Element, da diese über eingebaute Semantik verfügen und keine ARIA-Attribute benötigen.

Wert

Ein String mit einem der folgenden Werte:

"true"

Das Element ist gedrückt.

"false"

Das Element unterstützt das Drücken, ist jedoch derzeit nicht gedrückt.

"mixed"

Gibt einen gemischten Moduswert für einen Drei-Zustands-Umschaltknopf an.

"undefined"

Das Element unterstützt das Drücken nicht.

Beispiele

In diesem Beispiel ist das aria-pressed-Attribut des Elements mit der ID saveChanges auf "false" gesetzt, was anzeigt, dass dieses Eingabefeld derzeit nicht gedrückt ist. Mit ariaPressed aktualisieren wir den Wert auf "true".

html
<div id="saveChanges" tabindex="0" role="button" aria-pressed="false">Save</div>
js
let el = document.getElementById("saveChanges");
console.log(el.ariaPressed); // "false"
el.ariaPressed = "true";
console.log(el.ariaPressed); // "true"

Spezifikationen

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

Browser-Kompatibilität

Siehe auch