Boutons radio Système de conception

Rend la sélection unique claire et facile à utiliser.

6 points de contrôle · 2 groupes de contenu

Contenu de la checklist

Progression de la vérification

Structure et signification

Comparer les informations et la présentation dans le contexte d'utilisation.

Poser une question généraleÉtiquetez le groupe afin que les utilisateurs sachent ce qu'ils sélectionnent.Déplacez la sélection avec les touches fléchées, puis appuyez sur l'étiquette. Une seule option est choisie ; Le nom et la description du groupe doivent indiquer clairement ce que le choix affecte.Exemple Le groupe « Mode de livraison » contient « Standard » et « Rapide » ; Chaque étiquette indique la durée et les frais estimés, avec une sélection à la fois.Distinguer chaque optionUtilisez des étiquettes spécifiques et ajoutez des explications lorsque les choix présentent des différences subtiles.Chaque choix doit comparer facilement le même attribut ; Expliquez les coûts ou les conséquences immédiatement sous l’option concernée.Sélectionnez un seul élémentGardez les exclusions cohérentes et présélectionnez uniquement lorsqu'il y a une bonne raison.Ne présélectionnez pas le moment où l'utilisateur doit prendre une décision consciente ; S'il y a un défaut, indiquez clairement la raison et autorisez toujours les modifications avant l'envoi.

Interaction et convivialité

Essayez l'opération, modifiez le statut et continuez à travailler.

Laissez-le toucher l'étiquette aussiAssociez l'étiquette au bouton de sélection et gardez la zone d'activation suffisamment large.Cliquez à la fois sur l'étiquette et la description appropriées ; Gardez suffisamment de distance pour qu’appuyer sur cette option n’atteigne pas l’option suivante.Peut être déplacé à l'aide du clavierPrend en charge l'onglet vers les groupes et les touches fléchées entre les sélections avec un comportement familier.Les groupes n'ont besoin que d'un point d'entrée utilisant Tab et utilisant des flèches pour modifier les éléments ; Évitez de donner à chaque cercle une étape de tabulation distincte.Afficher tous les statutsFaites la distinction entre non sélectionné, sélectionné, focalisé et désactivé sans vous fier uniquement à la couleur.Les articles inutilisables nécessitent des raisons accessibles ; Le groupe radio ayant commis une erreur doit joindre un avis à l'ensemble de la question, et non à un seul élément.

La progression est enregistrée automatiquement dans ce navigateur.

GUIDE

Comment vérifier

Vérifier la sélection unique dans un groupe

Déplacez la sélection avec les touches fléchées, puis appuyez sur l'étiquette. Une seule option est choisie ; Le nom et la description du groupe doivent indiquer clairement ce que le choix affecte.

EXEMPLES

Exemples d’utilisation

Choisissez le mode de livraison

Le groupe « Mode de livraison » contient « Standard » et « Rapide » ; Chaque étiquette indique la durée et les frais estimés, avec une sélection à la fois.

Boutons radio Système de conception

Structure et signification

Interaction et convivialité

Comment vérifier

Vérifier la sélection unique dans un groupe

Exemples d’utilisation

Choisissez le mode de livraison

Le groupe choisit une option

Statut de sélection

Trouver une checklist

Aucune checklist trouvée

Boutons radio Système de conception

Structure et signification

Interaction et convivialité

Comment vérifier

Vérifier la sélection unique dans un groupe

Exemples d’utilisation

Choisissez le mode de livraison

Variantes et cas d’usage

Le groupe choisit une option

Statut de sélection