Check boxes

Use check boxes for binary options that users can understand easily. For example, use a check box for an option that can be turned on and off.

Users can perform the following action with a check box:

User goal

Action using the navigation keys

Action using a touch screen

Action using a physical keyboard

Select a check box.

Click the trackpad.

Tap the item.

Press the Space key.

This screen shows a check box.

Best practice: Implementing check boxes

  • Use check boxes when users can select multiple options.
  • Do not start an action when users select a check box. For example, do not open a new screen.
  • Align check boxes vertically.
  • Group and order check boxes logically (for example, group related options together or include the most common options first). Avoid ordering check boxes alphabetically; alphabetical order is language-specific.

Guidelines for labels

  • Use clear, concise labels. Verify that the label clearly describes what occurs when users select the check box.
  • Use positive labels where possible. For example, if users have the option of turning on or turning off a feature, use "turn on" instead of "turn off" in the label.
  • Place labels on the right side of check boxes. On Option screens, place labels on the left side of check boxes.
  • Use sentence case capitalization.

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus