Use checkboxes when you need to show two or more choices and users can select more than one. We also use checkboxes to toggle a single option or preference. An example of this is the “Let customers pay online” option in an invoice.
Progressive disclosure with checkboxes
Sometimes an interaction with a form element such as a checkbox triggers a new item or section to appear on the page. For example, choosing a product for purchase might subsequently reveal add-on options for that product. This is typical progressive disclosure behavior.
Content guidelines for checkboxes
-
Present listed choices and labels in sentence case (examples: New invoice, Select an option).
-
Use title case for proper nouns (examples: Bank of America, John Smith).
-
Avoid punctuation in the listed options.
-
Keep word count to a minimum.
-
When possible, make options verb phrases (examples: Revise invoice, Create new).
-
Be specific about what is going to happen when the user makes a selection.
-
Never write Click here. The correct verb is select. Example: Select your term.
