4 ms·
A11y may be the reason. Checkboxes are a pretty small target to hit with a mouse. Toggles at least double the target area. I have also noticed toggles tend to b
by dexwiz 4y ago
A11y may be the reason. Checkboxes are a pretty small target to hit with a mouse. Toggles at least double the target area. I have also noticed toggles tend to be a bit bigger, they use the full line height while checkboxes are generally aligned with the text baseline. But in the Apple example, the checkboxes do take the entire line.
Toggles spatially move. Many other controls have movement: radio groups, sliders, even select boxes with opening/closing menus. Checkboxes do not move, they just change.
Also, just style. Who says UI designs from the early 80s and late 90s don't ever get to evolve?
Something the author didn't comment on, but I think is important, is overall alignment. In the old UI the controls and labels are colocated, and inconsistently ordered. In the new UI labels and controls are consistently aligned left/right or top/bottom. I think this is an improvement.
- warning26 4y ago> Something the author didn't comment on, but I think is important, is overall alignment. In the old UI the controls and labels are colocated, and inconsistently ordered. In the new UI labels and controls are consistently aligned left/right or top/bottom. I think this is the real reason -- it's easier to build a pretty, symmetrical UI with switches because they can exist far away from their associated text. I'm not convinced on the accessibility argument, namely because it's usually trivial to expand the effective click target of a control without making it physically larger on screen.
- dexwiz 4y agoYeah. Most html checkboxes can be triggered by clicking their label. But people don’t know this, so they only target the box.