Writing Accessible Slider Labels
Writing Accessible Slider Labels records a distinct W3C APG-supported wording task while keeping implementation mechanics outside the writing guidance.
Label a slider with the quantity or setting it adjusts; communicate the current value separately through the slider’s value information.
Key details
Important caveats
Scope Boundary
This page covers slider-label wording; value ranges, step behavior, keyboard interaction, and ARIA implementation remain separate concerns.
Further guidance
Content
Write the slider label to identify the quantity or setting being adjusted, such as volume or temperature, while leaving the current value to the slider’s value semantics.
Practical Application
Label the slider with the quantity or setting it adjusts and keep the current position or interpreted value in the slider’s value information; avoid putting a changing value into the stable name.
Purpose
Separating the setting name from the current value helps users understand both what the control changes and where that value currently stands.
Reader Check
If the slider moved from its minimum to maximum, would the label still describe the same setting accurately?
Worked Example
Example: Use the slider label “Volume” and expose “40 percent” as its value, rather than naming the control “Volume 40 percent.”
Sources and evidence
Sources are shown with the role they play in this guide. Historical or style-sensitive claims are kept within the evidence boundary described above.
- Slider Pattern — WAI-ARIA Authoring Practices Guide (opens in a new tab)World Wide Web Consortium (W3C) · W3C APG guidance for accessible naming of slider controls and separate value communication.