Comparaison comportementale
Case à cocher vs Interrupteur
Choisir Case à cocher pour : Sélectionner un nombre libre d'options indépendantes. Choisir Interrupteur pour : Activer ou désactiver un réglage de compte.
| 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 | native 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. |