Element: ariaValueText property
The ariaValueText
property of the Element
interface reflects the value of the aria-valuetext
attribute, which defines the human-readable text alternative of aria-valuenow for a range widget.
Value
A string.
Examples
In this example the aria-valuetext
attribute on the element with an ID of slider
is set to "Sunday" to give a human-readable value for the range. Using ariaValueText
we update the value to "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
Specifications
Specification |
---|
Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariavaluetext |
Browser compatibility
BCD tables only load in the browser