When it fits
Sliders suit feeling-based 'a bit more, a bit less' adjustment, like volume or brightness (Apple, n.d.), with instant feedback. Material (Google, n.d.) distinguishes continuous, discrete and range sliders. Shopping price filters often pair them with filter chips.
Why exact values are hard
On a short mobile track spanning 0 to 1,000,000, one pixel changes values greatly; precision takes effort (Fitts, 1954). Add an input field or use a numeric stepper for small ranges. In surveys, sliders can take longer and raise dropout (Funke et al., 2011), and the starting position may read as a default answer.
Handle size and accessibility
Keep handle touch areas at thumb and touch target sizes (Parhi et al., 2006), define overlap rules for range handles, and show the current value while dragging. WCAG 2.2 (W3C, 2023) 2.5.7 requires non-drag alternatives such as inputs, +/− buttons or track taps, and the W3C slider pattern (n.d.) covers arrow keys and value announcements.
FAQ
- Should sliders have input fields?
- When precision matters, yes, kept in sync both ways.
- Can surveys use sliders?
- They can, but time and dropout may rise and start positions may bias; button scales are often safer.
Sources reviewed: 2026-10-27
References
- Apple. (n.d.). Sliders. Human Interface Guidelines. Sliders for approximate adjustment.
- Google. (n.d.). Sliders. Material Design 3. Continuous, discrete and range sliders.
- World Wide Web Consortium. (n.d.). Slider pattern. ARIA Authoring Practices Guide. Slider role and keys.
- Funke, F., Reips, U.-D., & Thomas, R. K. (2011). Sliders for the smart: Type of rating scale on the web interacts with educational level. Social Science Computer Review, 29(2), 221–231. Sliders can raise dropout.
- Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. Precision takes time.
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. Handle size for thumbs.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 2.5.7 dragging.
