Que sont les carrousels d’images ?
Un carrousel d’images est un composant d’interface qui présente une séquence d’images dans une même zone d’affichage. La navigation peut être commandée par des gestes de balayage, des flèches, des indicateurs ou une minuterie automatique.
Fonctionnement des carrousels d’images
Un carrousel maintient une diapositive active dans une collection ordonnée et met à jour l’élément visible en réponse à une action de l’utilisateur ou à une minuterie. Les implémentations peuvent conserver toutes les images dans le document, virtualiser les diapositives éloignées ou récupérer les ressources à mesure que la navigation s’en approche. L’état doit rester synchronisé entre les commandes, le focus, les annonces et l’éventuel suivi des URL ou des données analytiques. Dans un flux de travail de publication, il regroupe plusieurs ressources visuelles liées en une présentation interactive après l’optimisation des images.
Points clés
- Les diapositives masquées uniquement par une translation peuvent rester accessibles au focus ou exposées aux technologies d’assistance ; le contenu inactif nécessite une gestion explicite de la visibilité et du focus, tout en préservant des commandes de navigation utilisables.
- Précharger toutes les diapositives en pleine résolution peut annuler les économies de bande passante au chargement initial de la page, tandis qu’un chargement trop tardif crée des transitions vides ; donner la priorité aux diapositives voisines constitue un compromis pratique.
- Le défilement automatique impose une exigence liée au contenu en mouvement : les utilisateurs ont besoin d’un mécanisme pour le mettre en pause, et une interaction par le focus ou le pointeur ne devrait pas déclencher un changement de diapositive inattendu.
Quand les carrousels d’images sont utiles
Choisissez un carrousel lorsque le gain de place dans la page prime sur la visibilité réduite des images situées hors de la diapositive courante. Fournissez des commandes au clavier, des libellés clairs et un moyen de mettre en pause le mouvement automatique pour éviter les problèmes d’accessibilité et d’utilisation.