Indiquer le contenu du panneau
Choisir un tiroir lors de la visualisation du contenu principal facilite toujours la tâche.
Tiroir Système de conception
Ouvrez le contenu secondaire tout en conservant le contexte de l'écran principal.
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
Indiquer le contenu du panneau
Le panneau « Détails de la commande » s'ouvre à droite, la liste des commandes reste à l'arrière.
Variantes et cas d’usage
Direction d’ouverture du panneau
Choisissez le côté d’ouverture selon le rapport avec le contenu et gardez la destination cohérente d’un écran à l’autre.
Testez le panneau sur ordinateur et sur mobile ; le titre et le bouton de fermeture doivent rester visibles.
Exemple Les détails d’un enregistrement s’ouvrent à droite ; sur mobile, les filtres s’ouvrent depuis le bas.
Arrière-plan et focus
Déterminez si le panneau latéral bloque le contenu situé derrière ; un panneau modal doit maintenir le focus à l’intérieur.
Testez Tab, Échap et le clic sur l’arrière-plan ; à la fermeture, le focus doit revenir au bouton qui a ouvert le panneau.
Exemple Fermez le panneau Messages avec Échap, puis rendez le focus au bouton Messages.
Mise en page du panneau
Séparez l’en-tête, le contenu défilant et les actions du bas pour qu’un panneau long reste utilisable.
Testez un contenu long et le clavier mobile ; le bouton de confirmation ne doit pas sortir de la zone visible.
Exemple Le titre Filtres reste en haut, la liste défile séparément et le bouton Appliquer reste en bas.