The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Checkboxes are used when a user should toggle an option on or off, or make multiple choices in a stand-alone or a set of available options.
Checkboxes allow the user to make any number of choices, including zero, one, or several options. This means that each checkbox is independent of all other checkboxes and checking one box does not uncheck the others.
A stand-alone checkbox is used for a single option that the user can turn on or off.
Checkboxes are mainly used for when users should change settings or confirm actions, such as selecting or deselecting if they want newsletters. When using checkboxes to confirm an action, it can be useful to add an extra step or action. For instance, when users should accept the terms and conditions. It is then common with a checkbox to confirm the action and a button to submit the answer.
Write checkbox labels so that the customers can easily understand what it means to check the box or leave it blank. It can be difficult when customers must check an individual stand-alone checkbox, for example, that they accept the terms or want to receive news and offers by e-mail. Or when they should be able to turn a setting on or off and it is essential that they actively take a stand on the choice. (If there is a default option that almost everyone will choose, use a toggle instead.)
The label and options must also be adapted to suit each other. If the field label is a yes or no question, the answer options should be yes and no and nothing else. Since the user can only choose one of these options, use radio buttons instead.
Furthermore, remember to write consistent options. Decide if the options should
Avoid negations such as Do not send me more e-mails in the checkbox label, as this would mean that users have to check the box to prevent something from happening. Also, do not use questions like Do you want newsletters from us? The convention is to use the I-form for this type of checkbox.
Multiple answers (Swedish)
Multiple answers (English)
Decide if the options should
Inconsistent options (Swedish)
Inconsistent options (English)
To make it easier for users to use the checkbox, the label should also be clickable.
Read about Pattern: Dark mode