Element: ariaValueText プロパティ

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.

ariaValueText は Element インターフェイスのプロパティで、範囲ウィジェットの aria-valuenow の代替となる人間が読み取り可能なテキストを定義する aria-valuetext 属性の値を反映します。

値

文字列です。

例

この例では、ID が slider の要素の aria-valuetext 属性に "Sunday" を設定し、人間が読み取り可能な範囲の値を与えています。ariaValueText を使用して、値を "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

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser