Comparaison comportementale
Groupe de boutons radio vs Interrupteur
Différence décisive
Le Groupe de boutons radio retient exactement une valeur parmi des alternatives visibles ; l’Interrupteur active ou désactive un seul réglage sans autre alternative.
Critères de choix, liens et sources
- Groupe de boutons radioChoisis Groupe de boutons radio si l’utilisateur choisit une option parmi plusieurs alternatives nommées, comme un mode de livraison.Ouvrir la fiche Groupe de boutons radio
- InterrupteurChoisis Interrupteur si la seule question est de savoir si un réglage est activé ou désactivé.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 ?
Groupe de boutons radio
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.
Groupe de boutons radio
Mission
Groupe de boutons radio - Radio group
Entrer dans le groupe avec Tab, choisir Express avec les flèches et vérifier que Standard est désélectionné.
É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
- Une option de livraison est cochée sous une légende visible commune.
- Cas limite
- Lorsque le groupe obligatoire n’est pas renseigné, l’envoi focalise le groupe et explique qu’un mode doit être choisi.
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
Radio group permet exactement un choix ; les Checkbox sont indépendantes, tandis que Switch exprime un réglage marche ou arrêt.
Lequel convient à ton besoin ?
Groupe de boutons radio
Choisir un mode de livraison parmi des alternatives visibles
Interrupteur
Activer ou désactiver un réglage de compte
Différence et sources
Radio group permet exactement un choix ; les Checkbox sont indépendantes, tandis que Switch exprime un réglage marche ou arrêt.
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.
Libellé du groupe
Un nom commun qui explique le choix représenté par le groupe.
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
Groupe de boutons radio
Choisir un mode de livraison parmi des alternatives visibles
Interrupteur
Activer ou désactiver un réglage de compte
- Interactivité
Groupe de boutons radio
La sélection est exclusive ; les flèches gérées changent l’option active.
Interrupteur
Bascule et applique immédiatement un réglage ; ce n’est pas un choix en attente de validation du formulaire.
- Déclenchement
Groupe de boutons radio
Clic ou toucher sur une option ; Tab entre dans le groupe et les flèches déplacent le choix.
Interrupteur
Clic, toucher ou Espace sur l’interrupteur ou son libellé.
Neuf dimensions
- Déclenchement
Groupe de boutons radio
Clic ou toucher sur une option ; Tab entre dans le groupe et les flèches déplacent le choix.
Interrupteur
Clic, toucher ou Espace sur l’interrupteur ou son libellé.
- Modalité
Groupe de boutons radio
Contrôle de formulaire non modal pour une seule valeur dans un groupe nommé.
Interrupteur
Contrôle non modal pour un réglage appliqué immédiatement.
- Positionnement
Groupe de boutons radio
Options groupées en ligne ou empilées sous une question commune.
Interrupteur
Dans le flux avec un libellé persistant et un état activé/désactivé clairement visible.
- Interactivité
Groupe de boutons radio
La sélection est exclusive ; les flèches gérées changent l’option active.
Interrupteur
Bascule et applique immédiatement un réglage ; ce n’est pas un choix en attente de validation du formulaire.
- Focus
Groupe de boutons radio
Le groupe natif se comporte comme un seul arrêt une fois une valeur choisie, avec un focus visible sur le bouton actif.
Interrupteur
L'interrupteur est un arrêt de focus visible et son libellé active le même contrôle.
- Fermeture
Groupe de boutons radio
Sans objet : la sélection reste jusqu'au choix d'un autre bouton ou à la réinitialisation.
Interrupteur
Sans objet : le réglage persiste jusqu'à la prochaine bascule ; un échec restaure l'état précédent.
- Rôle accessible
Groupe de boutons radio
fieldset > input[type=radio]
Interrupteur
switch
- Cas d’usage
Groupe de boutons radio
Choisir un mode de livraison parmi des alternatives visibles
Interrupteur
Activer ou désactiver un réglage de compte
- Comportement mobile
Groupe de boutons radio
Préférer des options empilées avec de grands libellés tactiles lorsque les textes ne sont pas très courts.
Interrupteur
Utiliser une grande cible de libellé et conserver un état clair dans les deux thèmes.
| Dimension | Groupe de boutons radioRadio group | InterrupteurSwitch |
|---|---|---|
| Déclenchement | Clic ou toucher sur une option ; Tab entre dans le groupe et les flèches déplacent le choix. | Clic, toucher ou Espace sur l’interrupteur ou son libellé. |
| Modalité | Contrôle de formulaire non modal pour une seule valeur dans un groupe nommé. | Contrôle non modal pour un réglage appliqué immédiatement. |
| Positionnement | Options groupées en ligne ou empilées sous une question commune. | Dans le flux avec un libellé persistant et un état activé/désactivé clairement visible. |
| Interactivité | La sélection est exclusive ; les flèches gérées changent l’option active. | Bascule et applique immédiatement un réglage ; ce n’est pas un choix en attente de validation du formulaire. |
| Focus | Le groupe natif se comporte comme un seul arrêt une fois une valeur choisie, avec un focus visible sur le bouton actif. | L'interrupteur est un arrêt de focus visible et son libellé active le même contrôle. |
| Fermeture | Sans objet : la sélection reste jusqu'au choix d'un autre bouton ou à la réinitialisation. | Sans objet : le réglage persiste jusqu'à la prochaine bascule ; un échec restaure l'état précédent. |
| Rôle accessible | fieldset > input[type=radio] | switch |
| Cas d’usage | Choisir un mode de livraison parmi des alternatives visibles | Activer ou désactiver un réglage de compte |
| Comportement mobile | Préférer des options empilées avec de grands libellés tactiles lorsque les textes ne sont pas très courts. | Utiliser une grande cible de libellé et conserver un état clair dans les deux thèmes. |