What differs
Nielsen (2004) states the rule: radio buttons for one choice among mutually exclusive options, checkboxes for multiple choices or a single on/off. Circles and squares are conventions, and breaking them confuses how many can be chosen. Two or three options may suit a segmented control, instant settings a toggle switch, and very long lists slow choice (Hick, 1952).
Defaults and pre-checking
Defaults strongly shape choices (Johnson & Goldstein, 2003; default effect). Sensible radio defaults speed input, but never preselect what disadvantages users. Pre-checked marketing consent is a dark pattern and may be unlawful. For required questions, leaving no default is an option.
Mobile touch and accessibility
Native controls are tiny; make the whole row including the label tappable (Parhi et al., 2006) and stack options vertically. Use fieldset and legend per WCAG 2.2 (W3C, 2023) 1.3.1 and 3.3.2, and give custom controls roles and keys per the W3C radio group (n.d.-a) and checkbox (n.d.-b) patterns, including a mixed state for 'select all'.
FAQ
- When is a single checkbox used?
- For one on/off item like accepting terms; if it applies on submit use a checkbox, instantly use a toggle switch.
- Can radio buttons be unselected?
- No; add an explicit 'None' option if needed.
Sources reviewed: 2026-10-27
References
- Nielsen, J. (2004, September 27). Checkboxes vs. radio buttons. Nielsen Norman Group. Core rules for each control.
- World Wide Web Consortium. (n.d.-a). Radio group pattern. ARIA Authoring Practices Guide. Radio group roles and keys.
- World Wide Web Consortium. (n.d.-b). Checkbox pattern. ARIA Authoring Practices Guide. Checkbox and mixed state.
- Johnson, E. J., & Goldstein, D. (2003). Do defaults save lives? Science, 302(5649), 1338–1339. Defaults shape decisions.
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. Long option lists slow choice.
- 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. Make whole rows tappable.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 1.3.1 and 3.3.2.
