Guidance
Use an opt-in checkbox when you are asking users to confirm they understand or accept something, like the terms of use or privacy policy.
Do
- Keep it brief and use active voice
Don’t
- Use this component for more than one option, use a checkbox group instead.
Opt-in consent checkbox
HTML
<!-- Opt-in consent checkbox -->
<fieldset class="gnb-checkboxes fieldset-container">
<legend class="sr-only">Opt-in consent</legend>
<div class="single-option">
<input type="checkbox" name="accept" id="accept">
<label for="accept">I agree and accept the terms of use.</label>
</div>
</fieldset>