Checkboxes

Use checkboxes to allow users to select one or more options from a list.

List the options in alphabetical order, unless there’s a specific reason to use a different order.

Each option should be:

• capitalised
• unselected by default

Do not use checkboxes if users can only select one option, use Radio buttons instead.

For more complex checkbox lists where options could be blocked, use Multistate small checkboxes.

With label

Tell us what you’re not able to do independently without significant difficulty

Select all that apply.

Shop for food and essentials

Prepare meals, drinks and snacks

Eat and drink

With label and hint

You can add hints to the checkbox options to provide additional information.

Will you be travelling to any of these countries?

Select all countries that apply.

France

Portugal

Further explain your label text.

Spain

Option for ‘no’ or ‘none’

If ‘no’ or ‘none’ is a valid response to a question, include it as an option instead of expecting the user to not select any checkboxes.

This option should be shown last in any list. It should be separated from other options in the group with a divider, typically the word ‘or’.

Will you be travelling to any of these countries?

Select all countries that apply.

France

Portugal

Spain

or

No, I will not be travelling to any of these countries.

Single checkbox with a label

Use a single checkbox item when you need users to confirm one thing, for example, agreeing to terms and conditions.

Declaration

By continuing you confirm that:

• the information you've given is correct.
• you agree to the terms and conditions.

You could be prosecuted if you deliberately give untrue or misleading information.

I agree

With error

Display an inline error when there's something wrong. For example, when a user tries to proceed without selecting an option and the question is mandatory.

How would you like to be contacted?

Select all that apply.

Email

Text message

Phone

You need to tell us how you’d like to be contacted