Checkbox - Case à cocher

Composant permettant de sélectionner un ou plusieurs éléments ou d'activer/désactiver une option.

checkbox- Bandeau

 

Case à cocher

La case à cocher n'est utilisée seule que dans de rares cas comme par exemple pour accepter les termes et conditions ou pour filtrer des informations.

Usages

Les cases à cocher peuvent être utilisées pour :

  • sélectionner un ou plusieurs éléments dans une liste
  • activer ou désactiver un élément
  • remplacer les interrupteurs si plusieurs options peuvent être sélectionnées dans une liste

✅ Usage correct :

 

🚫 Usage incorrect :

 


Localisation :

Les cases à cocher sont souvent utilisées dans les formulaires. Les formulaires peuvent être placés sur une page entière, dans une boîte de dialogue ou dans un tiroir

Une case à cocher peut également être utilisée pour accepter les termes et conditions ou pour filtrer des informations.


Accessibilité


Comportement général

Chaque case à cocher fonctionne indépendamment des autres cases à cocher de la liste.

Pour utiliser une case à cocher, l'utilisateur clique sur la case à cocher ou sur son libellé afin de la faire basculer entre l'état cochée et décochée. Le texte de la case à cocher décrit l'action.

La case à cocher peut aussi avoir un troisième état : indéterminé. Cet état peut apparaitre lorsqu'une option pour sélectionner toute une liste d'options est disponible et que dans celle ci, des options sont à la fois coché et décoché.