...
The default state of a group of check boxes is having no option selected.
If the number of check boxes is large, consider grouping them into smaller logical groups.
Check boxes should be listed in a logical order, such as
grouping highly related options together, or
placing most common options first, or
following some other natural progression.
Alphabetical ordering isn't recommended because it is language dependent, and therefore not localizable.
It’s recommended to align check boxes vertically, not horizontally.
Write the label as a short phrase or an imperative sentence. Do not use ending punctuation.
Use positive and active wording for check box labels. Avoid negative statements.
Focus management
Keyboard | Description |
Tab | Navigates to the next component. |
Shift + Tab | Navigates to the previous component. |
Space | Applies or Removes the check ✓. |
Enter | N/A |
Esc | N/A |
Arrows | N/A |
Design
Zeplin Link | Thumbnail |
|---|---|
 |
...