Switch
A switch is an input widget that allows users to choose one of two values: "on" or "off". Switches are similar to checkboxes and toggle buttons, which can also serve as binary inputs. One difference, however, is that switches can only be used for binary input while checkboxes and toggle buttons allow implementations the option of supporting a third middle state.
— Switch Pattern, WAI ARIA Authoring Practices Guide (APG)
§ Notes
Missing.css uses the <input type=checkbox role=switch> element for switches.
Indeterminate state cannot be set by attributes, JavaScript is required. There is ongoing discussion about whether switches should support indeterminate state and whether they imply instanteous action.
Keyboard Interaction
- Space : When focus is on the switch, changes the state of the switch.