Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Case à cocher

Permet aux utilisateurs de sélectionner une ou plusieurs options.

Conseils

Utilisez une case à cocher lorsque vous demandez un seul choix simple ou une confirmation précise. Par exemple, pour demander si la personne souhaite recevoir des courriels ou des mises à jour de statut.

Pour obtenir un consentement (p. ex. juridique ou de confidentialité), utilisez la case à cocher à des fins de consentement.

La case doit toujours être clairement étiquetée pour que la personne comprenne exactement ce à quoi elle consent. Si plus d’une option doit être sélectionnée, utilisez plutôt un groupe de cases à cocher.


Case à cocher

Voulez-vous recevoir des mises à jour de statut?

HTML

<!-- Case à cocher -->
<fieldset class="gnb-checkboxes">
  <legend>Voulez-vous recevoir des mises à jour de statut?</legend>
  <div class="pair">
    <input type="checkbox" name="oui" id="oui">
    <label for="oui">Oui</label>
  </div>
</fieldset>