Checkboxlike

Checkboxlike is a term used in user interface design to describe controls that visually resemble traditional checkboxes but are not necessarily native HTML input elements of type checkbox. These controls convey a boolean state—selected or not selected—but may implement that state using different primitives, such as buttons, divs with ARIA roles, or custom graphics. They are common in modern web and app design where visual consistency and theming are prioritized, yet they still need to convey the same information and interaction as a checkbox.

In practice, a checkboxlike control typically communicates two states: checked (true) and unchecked (false). Some implementations may support an indeterminate or mixed state. Interaction is usually toggle-based: clicking or tapping changes the state, and many designs also accept keyboard input, commonly Space or Enter, when the control has focus. However, not all checkboxlike elements provide native form behavior; if they are not native inputs, developers should implement accessibility features such as role="checkbox" or role="switch", aria-checked, and proper labeling.

When designing checkboxlike controls, consider accessibility, discoverability, and consistency with native checkboxes. Use clear visual cues for states, including color, shape, checkmark, or filled box, and ensure a focus ring for keyboard users. They are frequently used in custom menus, toolbars, lists, and composite widgets where a standard checkbox would not suffice. Related terms include toggle, switch, and tri-state checkbox.