Case à cocher Système de conception

Sélectionnez plusieurs éléments ou activez une sélection indépendante.

6 points de contrôle · 3 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.

Indiquer l'effet du marquageAssociez l'étiquette à la case à cocher et décrivez le choix avec des mots faciles à comprendre.Ne présélectionnez pas le consentement facultatif à la place de la décision de l’utilisateur.Exemple « Recevoir des newsletters sur les produits par e-mail » est distinct de l'acceptation des conditions.Options liées au groupeAjoutez une étiquette générale lorsqu'il y a plusieurs éléments dans la même question.Lisez les étiquettes des groupes, puis faites chaque choix pour vérifier qu'ils répondent tous à la même question et qu'ils ne se trompent pas facilement.Affiche clairement l'étatFaites la distinction entre non sélectionné, sélectionné, ciblé, désactivé et partiellement sélectionné lorsqu'il est disponible.Utilisez des coches ou des formes en plus de la couleur ; Le statut partiellement sélectionné doit être clairement différent de celui entièrement sélectionné.

Interaction et convivialité

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

Fonctionnement du clavierDonnez le focus à la cellule et allumez-la ou éteignez-la en utilisant l'espace, pas seulement la souris.Essayez Espace lorsque vous vous concentrez sur une cellule et lorsque vous cliquez sur une étiquette ; Les deux méthodes doivent affecter exactement le même choix.Expliquer tout sélectionnerIndiquez la portée de toutes les données ou de la page actuelle ; Mettez à jour l’état parent lors de la sélection de chaque élément.Si la liste est filtrée ou paginée, précisez si tout sélectionner s'applique uniquement à la section actuellement visible ou à tous les résultats.

Complétez l'expérience

Recherchez les détails faciles à manquer lors de la mise en œuvre de la conception.

Choisir intentionnellement l'état initialChoisissez si une case à cocher commence à être sélectionnée en fonction des données existantes et de l'effet réel du choix. Ne présélectionnez pas le consentement facultatif.Lors de la réouverture d'un formulaire enregistré, l'état doit refléter la sélection précédente au lieu d'appliquer une nouvelle valeur par défaut.

La progression est enregistrée automatiquement dans ce navigateur.

GUIDE

Comment vérifier

Indiquer l'effet du marquage

Ne présélectionnez pas le consentement facultatif à la place de la décision de l’utilisateur.

EXEMPLES

Exemples d’utilisation

Indiquer l'effet du marquage

« Recevoir des newsletters sur les produits par e-mail » est distinct de l'acceptation des conditions.

Case à cocher Système de conception

Structure et signification

Interaction et convivialité

Complétez l'expérience

Comment vérifier

Indiquer l'effet du marquage

Exemples d’utilisation

Indiquer l'effet du marquage

Cases à cocher et libellés

États de sélection

Trouver une checklist

Aucune checklist trouvée

Case à cocher Système de conception

Structure et signification

Interaction et convivialité

Complétez l'expérience

Comment vérifier

Indiquer l'effet du marquage

Exemples d’utilisation

Indiquer l'effet du marquage

Variantes et cas d’usage

Cases à cocher et libellés

États de sélection