Element: ariaValueText-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 ariaValueText-Eigenschaft des Element-Interfaces spiegelt den Wert des aria-valuetext-Attributs wider, das den menschenlesbaren Text als Alternative zu aria-valuenow für ein Bereichs-Widget definiert.

Wert

Ein String.

Beispiele

In diesem Beispiel wird das aria-valuetext-Attribut des Elements mit der ID slider auf "Sunday" gesetzt, um einen menschenlesbaren Wert für den Bereich zu geben. Mithilfe von ariaValueText aktualisieren wir den Wert auf "Monday".

html
<div
  id="slider"
  role="slider"
  aria-valuenow="1"
  aria-valuemin="1"
  aria-valuemax="7"
  aria-valuetext="Sunday"></div>
js
let el = document.getElementById("slider");
console.log(el.ariaValueText); // Sunday
el.ariaValueText = "Monday";
console.log(el.ariaValueText); // Monday

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser