Le carrousel d’accueil doit laisser le temps de lire

Quand plusieurs services réclament la première place sur un site, un carrousel semble offrir un compromis. Il ne résout pourtant pas la question éditoriale : qu’est-ce qu’un visiteur doit comprendre en premier ? Pour une page de marque, nous proposons de traiter le défilement comme un choix d’interface à justifier, plutôt que comme une réserve illimitée d’emplacements promotionnels.

Décider ce qui mérite la première vue

Commencez par une version sans animation : un message principal, une action et des accès aux autres contenus. Si cette composition répond déjà au besoin, le carrousel n’est pas indispensable. Dans un exemple de site de services, une présentation stable de l’offre peut être plus claire qu’une succession de slogans qui se partagent le même bouton.

Le tutoriel WAI consacré aux carrousels demande notamment un contrôle du mouvement et une utilisation possible au clavier. Il souligne que les utilisateurs doivent pouvoir mettre le défilement en pause, afin de disposer du temps nécessaire à la lecture et à la compréhension.^[1]

Rendre les commandes compréhensibles

Si le défilement est conservé, préparez les commandes avant de travailler les transitions : précédent, suivant, pause et reprise. Le W3C montre qu’un bouton de lecture ou d’arrêt doit adapter son libellé à son état. Son exemple évite de remplacer le bouton entier pour ne pas faire perdre le focus clavier.^[2]

Dans la recette, parcourez le composant sans souris. Peut-on identifier l’élément actif et revenir à un message ? L’action principale garde-t-elle un intitulé compréhensible hors du visuel ? Un indicateur composé de points peut compléter les commandes ; il ne devrait pas être la seule explication disponible.

Prévoir la panne et les contenus longs

Le site doit encore proposer un accès utile si le script du carrousel ne s’exécute pas. Nous recommandons une première information lisible dans l’HTML, puis une amélioration progressive. Cette organisation évite de conditionner toute la page à une animation réussie. Elle doit être testée avec le contenu réel, pas avec trois titres artificiellement courts.

Gardez aussi un contrôle éditorial sur le nombre de messages et leur durée de présence. Une annonce terminée doit sortir du dispositif, et un lien modifié doit être vérifié. Le carrousel devient alors un composant suivi, dont le lecteur garde la maîtrise. Il ne dispense pas de choisir une hiérarchie ; il la rend au contraire encore plus nécessaire.