Steppers for small incremental ranges; dropdowns or segmented controls for a few fixed values.

Isn't input type=number enough?

Its native arrows are tiny on mobile; pair it with large +/− buttons.

Numeric Stepper

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated October 27, 2026

A numeric stepper places − and + buttons beside the current number, decreasing or increasing it by a set step with each tap.

Contents

1. When it fits
2. Typing and limits
3. Button size and accessibility
4. FAQ
5. References

When it fits

Steppers suit values most people change slightly from the default: cart quantity, guests, nights. Zhou (2018) notes they're efficient for small ranges with sensible defaults, and Apple (n.d.) shows the current value alongside. Large ranges require dozens of taps.

Typing and limits

Let users tap the number to type it, set min, max and step (MDN, n.d.) and show a numeric keypad. Dim − at minimum and + at maximum with reasons, and flag over-stock values via inline validation. Reducing to zero often prompts deletion. Press-and-hold acceleration helps but can overshoot.

Button size and accessibility

Tiny adjacent +/− buttons are hard to hit and easy to confuse (Fitts's law; Fitts, 1954). Meet thumb and touch target size standards with spacing (Parhi et al., 2006). Announce value and limits per the W3C spinbutton pattern (n.d.), announce changes per WCAG 2.2 (W3C, 2023) 4.1.3, and name buttons like 'Increase quantity'.

FAQ

Stepper or dropdown?: Steppers for small incremental ranges; dropdowns or segmented controls for a few fixed values.
Isn't input type=number enough?: Its native arrows are tiny on mobile; pair it with large +/− buttons.

Sources reviewed: 2026-10-27

References

Zhou, Y. (2018, November 11). Design guidelines for input steppers. Nielsen Norman Group. When steppers fit; allow typing.
Apple. (n.d.). Steppers. Human Interface Guidelines. iOS stepper guidance.
MDN Web Docs. (n.d.). <input type="number">. Mozilla. min, max and step attributes.
World Wide Web Consortium. (n.d.). Spinbutton pattern. ARIA Authoring Practices Guide. Spinbutton role and keys.
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. Small buttons are slow to hit.
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. Button size and spacing.
World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 2.5.8 and 4.1.3.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '수량 스테퍼' on CampusDown →

Touch Target SizeWhat touch target size means, the 9 mm research, 44pt and 48dp platform guidelines, the WCAG 2.2 target-size criteria, the fat-finger problem and why spacing matters as much as size.⚙️ Engineering & Technology Fitts's LawWhat Fitts's law says about pointing time, its Shannon formula and index of difficulty, the mouse studies that brought it into HCI, throughput standards, finger-touch models such as FFitts, and how it shapes mobile UI design.🧠 Psychology Inline Form ValidationInline validation reports errors or success beside each field before submission. Covers research on its benefits, timing, success indicators, good error copy and accessibility beyond colour alone.⚙️ Engineering & Technology AI Search Algorithms: A* and MinimaxAI search algorithms explained: state-space search, breadth-first and depth-first search, Dijkstra, heuristics and A* (admissibility, consistency), game trees, minimax and alpha-beta pruning, based on the original papers.⚙️ Engineering & Technology

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.