Element.ariaValueText

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.

Syntax

var ariaValueText = element.ariaValueText;
element.ariaValueText = ariaValueText

Value

A DOMString.

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".

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

Specifications

Specification Status Comment
Accessible Rich Internet Applications (WAI-ARIA) 1.2
The definition of 'ariaValueText' in that specification.
Working Draft Initial definition.

Browser compatibility

BCD tables only load in the browser