Versions Compared

Key

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

...

  • for a list where the user can select multiple options, including all, some, or none.

  • as a single checkbox which the user can check or uncheck, for example to show an agreement.

...

The checkbox control allows 3 modes:

...

Please refer to Field validation page for more information.

...

Best practices

Use:

  • when the user needs to select or deselect one or more options.

  • when the options needs to be visible.

...

  • The default state of a group of checkboxes is having no option selected.

  • If the number of checkboxes is large, consider grouping them into smaller logical groups.

  • Checkboxes 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 checkboxes 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 checkbox labels. Avoid negative statements.

Accessibility Compliance

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

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

...