Comparaison comportementale
Case à cocher vs Interrupteur
Différence décisive
La Case à cocher enregistre un choix indépendant qu’on peut relire avant d’envoyer un formulaire ; l’Interrupteur exprime un réglage en marche ou arrêt.
Critères de choix, liens et sources
- Case à cocherChoisis Case à cocher si l’utilisateur sélectionne un nombre libre d’options ou approuve une affirmation, comme accepter des conditions.Ouvrir la fiche Case à cocher
- InterrupteurChoisis Interrupteur si un réglage unique est activé ou désactivé, comme les notifications ou le thème sombre.Ouvrir la fiche Interrupteur
Voir les neuf dimensionsVoir les sources
Choix et états binaires
Essayer
S’agit-il d’une valeur indépendante, d’un choix exclusif groupé ou d’un réglage marche ou arrêt ?
Case à cocher
Contexte commun aux essais
Un parcours de réglages demande à l'utilisateur de faire un choix et de comprendre s’il est indépendant, exclusif ou exprime un réglage marche ou arrêt.
Case à cocher
Mission
Case à cocher - Checkbox
Basculer deux préférences avec Espace, puis utiliser la case parente pour démontrer l'état mixte.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Chaque option étiquetée expose son propre état coché et peut être envoyée avec le formulaire.
- Cas limite
- La case Tout sélectionner devient indéterminée lorsque seuls certains choix enfants sont cochés.
Interrupteur
Mission
Interrupteur - Switch
Bascule le réglage au pointeur et avec Espace, vérifie l’annonce de l’état et suis le mode d’enregistrement indiqué.
Applique chaque modification dès la saisie.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- L’interrupteur étiqueté expose son état marche ou arrêt, et le produit rend explicite le moment de l’enregistrement.
- Cas limite
- Si l'enregistrement échoue, l'interrupteur revient à son état précédent et un message dans le contexte explique l'échec.
Ce que cet essai montre
Checkbox représente un choix coché indépendant ; Radio group impose un seul choix, tandis que Switch exprime un état marche ou arrêt. Le moment de l’enregistrement relève du produit, pas de la distinction sémantique.
Lequel convient à ton besoin ?
Case à cocher
Sélectionner un nombre libre d'options indépendantes
Interrupteur
Activer ou désactiver un réglage de compte
Différence et sources
Checkbox représente un choix coché indépendant ; Radio group impose un seul choix, tandis que Switch exprime un état marche ou arrêt. Le moment de l’enregistrement relève du produit, pas de la distinction sémantique.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Contrôle
L'élément interactif qui reçoit la saisie et expose son état.
Décision
Question de famille
S’agit-il d’une valeur indépendante, d’un choix exclusif groupé ou d’un réglage marche ou arrêt ?
Trois critères pour choisir
- Cas d’usage
Case à cocher
Sélectionner un nombre libre d'options indépendantes
Interrupteur
Activer ou désactiver un réglage de compte
- Interactivité
Case à cocher
Bascule son propre état coché ; plusieurs cases peuvent être sélectionnées indépendamment.
Interrupteur
Bascule et applique immédiatement un réglage ; ce n’est pas un choix en attente de validation du formulaire.
- Déclenchement
Case à cocher
Clic, toucher ou Espace sur la case ou son libellé associé.
Interrupteur
Clic, toucher ou Espace sur l’interrupteur ou son libellé.
Neuf dimensions
- Déclenchement
Case à cocher
Clic, toucher ou Espace sur la case ou son libellé associé.
Interrupteur
Clic, toucher ou Espace sur l’interrupteur ou son libellé.
- Modalité
Case à cocher
Valeur de formulaire booléenne ou mixte, indépendante et non modale.
Interrupteur
Contrôle non modal pour un réglage appliqué immédiatement.
- Positionnement
Case à cocher
Dans le flux avec son libellé persistant, souvent dans un groupe vertical.
Interrupteur
Dans le flux avec un libellé persistant et un état activé/désactivé clairement visible.
- Interactivité
Case à cocher
Bascule son propre état coché ; plusieurs cases peuvent être sélectionnées indépendamment.
Interrupteur
Bascule et applique immédiatement un réglage ; ce n’est pas un choix en attente de validation du formulaire.
- Focus
Case à cocher
Chaque case native possède un focus visible et son libellé agrandit la cible au pointeur.
Interrupteur
L'interrupteur est un arrêt de focus visible et son libellé active le même contrôle.
- Fermeture
Case à cocher
Sans objet : la case persiste jusqu'à ce que l'utilisateur la bascule ou réinitialise le formulaire.
Interrupteur
Sans objet : le réglage persiste jusqu'à la prochaine bascule ; un échec restaure l'état précédent.
- Rôle accessible
Case à cocher
input[type=checkbox]
Interrupteur
switch
- Cas d’usage
Case à cocher
Sélectionner un nombre libre d'options indépendantes
Interrupteur
Activer ou désactiver un réglage de compte
- Comportement mobile
Case à cocher
Transformer toute la ligne du libellé en grande cible tactile sans masquer l’état coché.
Interrupteur
Utiliser une grande cible de libellé et conserver un état clair dans les deux thèmes.
| Dimension | Case à cocherCheckbox | InterrupteurSwitch |
|---|---|---|
| Déclenchement | Clic, toucher ou Espace sur la case ou son libellé associé. | Clic, toucher ou Espace sur l’interrupteur ou son libellé. |
| Modalité | Valeur de formulaire booléenne ou mixte, indépendante et non modale. | Contrôle non modal pour un réglage appliqué immédiatement. |
| Positionnement | Dans le flux avec son libellé persistant, souvent dans un groupe vertical. | Dans le flux avec un libellé persistant et un état activé/désactivé clairement visible. |
| Interactivité | Bascule son propre état coché ; plusieurs cases peuvent être sélectionnées indépendamment. | Bascule et applique immédiatement un réglage ; ce n’est pas un choix en attente de validation du formulaire. |
| Focus | Chaque case native possède un focus visible et son libellé agrandit la cible au pointeur. | L'interrupteur est un arrêt de focus visible et son libellé active le même contrôle. |
| Fermeture | Sans objet : la case persiste jusqu'à ce que l'utilisateur la bascule ou réinitialise le formulaire. | Sans objet : le réglage persiste jusqu'à la prochaine bascule ; un échec restaure l'état précédent. |
| Rôle accessible | input[type=checkbox] | switch |
| Cas d’usage | Sélectionner un nombre libre d'options indépendantes | Activer ou désactiver un réglage de compte |
| Comportement mobile | Transformer toute la ligne du libellé en grande cible tactile sans masquer l’état coché. | Utiliser une grande cible de libellé et conserver un état clair dans les deux thèmes. |