Il y a des boutons avant et arrière
Le balayage peut être un moyen complémentaire, mais ne devrait pas être le seul moyen de déplacer des éléments.
Carrousel Système de conception
Vous permet de parcourir le contenu de manière séquentielle tout en contrôlant l'emplacement.
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
Il y a des boutons avant et arrière
Les photos de produits comportent des boutons « Photo précédente », « Photo suivante » et une étiquette 2/5.
Variantes et cas d’usage
Navigation entre les contenus
Proposez des boutons Précédent et Suivant ainsi que des gestes tactiles adaptés ; ne rendez pas le balayage obligatoire.
Testez uniquement au clavier, puis au toucher ; les deux méthodes doivent donner accès aux mêmes éléments.
Exemple Le bouton « Photo suivante » complète le balayage horizontal.
Position dans l’ensemble des contenus
Indiquez clairement l’élément affiché et le nombre total d’éléments.
Naviguez avec les boutons et par balayage ; le compteur doit se mettre à jour avec la photo affichée.
Exemple Affichez « Photo 2 / 5 » plutôt que cinq points dépourvus de noms.
Mouvement maîtrisé
Si le contenu défile automatiquement, permettez de l’arrêter et respectez la préférence de réduction des animations de l’appareil.
Activez la réduction des animations et placez le focus dans le carrousel ; le contenu en cours de lecture ne doit pas changer automatiquement.
Exemple Le défilement automatique du carrousel s’arrête dès que l’utilisateur commence à interagir.
Élément actuellement affiché
Gardez le contenu et les actions de l’élément courant clairs ; les diapositives masquées ne doivent pas recevoir le focus.
Parcourez un carrousel de plusieurs diapositives avec Tab ; les liens des diapositives masquées ne doivent pas recevoir le focus.
Exemple Seul le bouton de détails du produit actuellement affiché figure dans l’ordre de tabulation.