Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Validation and Errors

Please refer to Field validation page for more information.

...

Do not use a single check box if:

  • the resulting action will be instantaneously is immediately applied, without the need for further confirmation → use a Toggle but not shown on the page (e.g. when something is activated) → use a Switch button.

Do not use a check box group if:

  • the user needs to select a single mutually exclusive choice within a group → use Radio Buttons.

  • space is constrained or if the user needs to choose multiple options from a large list → consider using a Multi-select Drop-down Menu instead.

General

  • 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.

...