Nommez le contenu de chaque onglet
Les onglets correspondent aux zones ayant le même contexte ; Les pages de différents niveaux doivent utiliser la navigation.
Onglets Système de conception
Basculez entre les zones de contenu du même niveau.
Contenu de la checklist
Progression de la vérification
01
Structure et signification
Comparer les informations et la présentation dans le contexte d'utilisation.
02
Interaction et convivialité
Essayez l'opération, modifiez le statut et continuez à travailler.
03
Complétez l'expérience
Recherchez les détails faciles à manquer lors de la mise en œuvre de la conception.
La progression est enregistrée automatiquement dans ce navigateur.
GUIDE
Comment vérifier
EXEMPLES
Exemples d’utilisation
Nommez le contenu de chaque onglet
Les détails du projet incluent « Aperçu », « Membres » et « Activités ».
Variantes et cas d’usage
Destination et onglet sélectionné
Indiquez l’onglet sélectionné par un signe ou une position ; son libellé doit rester clair sans la couleur.
Changez de thème et testez des onglets aux libellés longs ; l’indicateur de sélection doit rester associé au bon contenu.
Exemple L’onglet Factures est souligné lorsque le panneau des factures est affiché.
Votre projet
De nouvelles mises à jour sont disponibles
Modifications enregistrées
Votre projet
De nouvelles mises à jour sont disponibles
Modifications enregistrées
Chargement du contenu par onglet
Gérez séparément les états de chargement et d’erreur de chaque onglet ; une réponse d’un ancien onglet ne doit pas remplacer le contenu actuel.
Changez rapidement d’onglet pendant une première requête lente ; seule la réponse de l’onglet actuel doit être affichée.
Exemple Lors de la consultation de l’Historique, une réponse tardive de la Vue d’ensemble ne modifie pas le panneau.
Votre projet
De nouvelles mises à jour sont disponibles
Modifications enregistrées
Focus, sélection et indisponibilité
Distinguez le focus de l’onglet sélectionné ; la raison pour laquelle un onglet est indisponible doit être facile à trouver.
Utilisez Tab et les flèches ; le lecteur d’écran doit annoncer correctement l’onglet sélectionné.
Exemple Le contour de focus peut être sur Rapports alors que Vue d’ensemble reste sélectionné.
Votre projet
De nouvelles mises à jour sont disponibles
Modifications enregistrées