CampusDownWiki
Total citations 16,021한국어KO 2,699EnglishEN 11,007日本語JA 772中文ZH 1,543
CampusDown ↗
English
College Trading CommunityWow~ How I won 1st place in an investing contest... take a look.Get $100 free when you open an account - GoldStudyNet#Tesla#Nvidia#Gold#Nasdaq#TradeTodayAfterSignupCollege Trading CommunityGo to GoldStudyNet Sponsored

Toggle Switch

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated
A toggle switch is a mobile UI control modelled on a physical light switch: one tap flips a setting between on and off, and the change takes effect immediately.
Contents
  1. 1. The switch metaphor
  2. 2. Toggle or checkbox
  3. 3. Clear on and off states
  4. 4. FAQ
  5. 5. References

The switch metaphor

Toggles bring the wall switch to screens. Gaver (1991) applied affordances to technology, and Norman (1999) argued that on screens conventions and perceived affordances do this work. A rounded track with an off-centre knob is now a convention that reads as 'slide to change'. See affordance.

Toggle or checkbox

Per Kendrick (2018) and Apple (n.d.), use toggles for settings that apply immediately, such as Wi-Fi or notifications. Choices that apply only after Save or Submit need checkboxes; toggles inside forms make users think changes applied and leave without saving. Multi-select lists also suit checkboxes. If immediate application fails, revert the toggle and explain why.

Clear on and off states

The commonest problem is not knowing whether it is on. Combine knob position, fill and icons (Google, n.d.) rather than colour alone. Label the 'on' state, such as 'Receive notifications', and do not change the label with state. WCAG 2.2 (W3C, 2023) requires 3:1 control contrast (1.4.11) and exposed name, role and state (4.1.2). Making the whole row tappable eases touch target size issues (Parhi et al., 2006); check colour contrast too.

FAQ

Should toggle labels say 'On/Off'?
No; name the feature and let the switch show state.
When use a checkbox instead?
In forms applied by Save or Submit and in multi-select lists.

Sources reviewed: 2026-10-27

References

  1. Kendrick, A. (2018, July 29). Toggle-switch guidelines. Nielsen Norman Group. When to use toggles versus checkboxes.
  2. Google. (n.d.). Switch. Material Design 3. Material guidance on switch states and icons.
  3. Apple. (n.d.). Toggles. Human Interface Guidelines. iOS guidance on toggles for immediate settings.
  4. Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. Screen controls rely on conventions and perceived affordances.
  5. Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. Applies affordances to technology design.
  6. 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. Thumb target sizes for the toggle hit area.
  7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 1.4.11 and 4.1.2 for accessible toggles.

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 →
AffordanceAn affordance is the relationship describing what actions an object allows. Covers Gibson's original idea, Norman's perceived affordances and signifiers, hidden and false affordances, flat UI problems and mobile button design.🧠 PsychologyTouch 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 & TechnologyColor contrastWhy the same color looks different depending on its surroundings: simultaneous and successive contrast; value, hue, saturation, complementary, and extension contrast; Chevreul and Albers; and the WCAG 4.5:1 contrast ratio for accessible design.🔬 Natural SciencesAI 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

You may also like

The Rule of LawWhat is the rule of law? Its meaning and history from Magna Carta to United States v. Nixon, Dicey and Fuller's principles, and how it differs from rule by law.⚖️ LawCivil Procedure StepsCivil procedure steps explained: complaint, answer, pretrial, discovery, trial, judgment and appeal, with Korean and U.S. deadlines, small claims and key cases.⚖️ LawBrown v. Board of Education (1954)Brown v. Board of Education (1954) summary: the case, Chief Justice Warren's unanimous ruling, why 'separate but equal' fell, and what happened after.⚖️ LawCommon Law vs. Civil LawCommon law vs. civil law: how the two legal families differ on sources of law, precedent, trials and judges, and where Korea's mixed system fits between them.⚖️ Law

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.