开关的隐喻
Gaver（1991）把可供性用于技术设计，Norman（1999）指出屏幕上由惯例承担此角色。圆角滑轨加偏置圆钮已成为“滑动切换”的惯例。参见可供性。
开关还是复选框
开关用于即时生效的设置（Kendrick, 2018; Apple, n.d.）；需要保存提交的表单用复选框。生效失败时要恢复并说明原因。
清晰的开与关
不要只靠颜色，结合位置、填充与图标（Google, n.d.）。遵循WCAG 2.2的1.4.11与4.1.2，让整行可点以满足触控目标（Parhi et al., 2006），并检查色彩对比。
常见问题
- 标签要写“开/关”吗？
- 写功能名，状态由开关外观表示。
- 何时用复选框？
- 需保存提交的表单与多选列表。
来源核查日期：2026-10-27
参考文献
- Kendrick, A. (2018, July 29). Toggle-switch guidelines. Nielsen Norman Group. 何时用开关、何时用复选框的指南。
- Google. (n.d.). Switch. Material Design 3. Material开关状态与图标指南。
- Apple. (n.d.). Toggles. Human Interface Guidelines. iOS开关使用指南。
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. 界面控件依赖惯例与感知可供性。
- Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. 将可供性应用于技术设计的经典。
- 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.4.11与4.1.2标准。