slider
Widget roleA control for choosing a value from a range by dragging or using the arrow keys. It exposes aria-valuenow, aria-valuemin, and aria-valuemax, plus aria-valuetext when the number needs a readable form. Prefer a native `<input type='range'>` unless you need custom behavior.
Used on
A control for choosing a value from a range. Prefer <input type="range">.
Required properties
aria-valuenowaria-valueminaria-valuemax
Accessible name
Required, via aria-labelledby or aria-label.
Used by components
Example
role="slider"
<div role="slider" tabindex="0"
aria-valuenow="60" aria-valuemin="0"
aria-valuemax="100" aria-label="Volume">…</div>References