Anatomy

Each selection control consists of a container (A) and state indicator (B) — such as a dot, checkmark, or switch position.

Purpose

Selection controls allow users to make selections — single or multiple — or toggle a setting on or off.

One selected by default

Radio buttons and toggles must have one state selected or active by default.

Clear, Descriptive Labels

Labels must clearly describe what the control affects or enables.

Group similar options together

Use selection controls within clear, logical groups based on related options.