Writing & StyleStyle guide

Writing Accessible Slider Labels

Writing Accessible Slider Labels records a distinct W3C APG-supported wording task while keeping implementation mechanics outside the writing guidance.

Quick answer

Label a slider with the quantity or setting it adjusts; communicate the current value separately through the slider’s value information.

Key details

Core IssueW3C APG gives the slider an accessible label separately from aria-valuenow and any user-friendly aria-valuetext that communicates its current value.
Registerweb accessibility and interface content

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.

Purpose

Separating the setting name from the current value helps users understand both what the control changes and where that value currently stands.

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.

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

Explore the topic