何が違うか
排他的な一つはラジオ、複数はチェックボックス(Nielsen, 2004)。少数ならセグメント、即時設定はトグル、多数は遅くなります(Hick, 1952)。
既定値と事前チェック
既定値は選択を大きく変えます(Johnson & Goldstein, 2003; デフォルト効果)。不利な事前選択や同意の事前チェックは避けます。
タップとアクセシビリティ
行全体を押せるように(Parhi et al., 2006)、縦に並べ、fieldsetとlegend(WCAG 2.2 1.3.1, 3.3.2)。自作はW3C(n.d.-a, n.d.-b)に沿います。
よくある質問
- 単独チェックボックスは?
- 規約同意など一項目のオンオフに。
- ラジオは解除できる?
- できないので「なし」を用意します。
出典確認日:2026-10-27
参考文献
- Nielsen, J. (2004, September 27). Checkboxes vs. radio buttons. Nielsen Norman Group. それぞれの基本ルールです。
- World Wide Web Consortium. (n.d.-a). Radio group pattern. ARIA Authoring Practices Guide. ラジオグループのARIAです。
- World Wide Web Consortium. (n.d.-b). Checkbox pattern. ARIA Authoring Practices Guide. チェックボックスと混在状態です。
- Johnson, E. J., & Goldstein, D. (2003). Do defaults save lives? Science, 302(5649), 1338–1339. 既定値が決定を変える研究です。
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 長い選択肢は遅くなります。
- 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. 行全体を押せるようにする根拠です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 1.3.1と3.3.2の基準です。
