La vérité du rond-point : carrousels et accessibilité

Lorsque vous entendez le mot « carrousel », la première chose qui vous vient à l'esprit est s'asseoir sur la selle d'un cheval d'ornement, monter en cercle et faire signe aux spectateurs lorsque vous passez. Si vous avez eu l'expérience de regarder un carrousel, vous savez que les carrousels fournissent une répétition d'informations visuelles jusqu'à la fin du trajet. Semblable à la version carnaval, les carrousels de sites Web sont également un moyen d'afficher une rotation continue d'informations visuelles à ses utilisateurs.  

Les carrousels, également appelés curseurs, sont généralement vus de deux manières. Soit ils affichent les informations en faisant pivoter automatiquement le contenu, soit ils sont fixes, n'étant actionnés que par l'utilisateur. Un exemple de carrousel qui intègre chaque type peut être vu avec ce carrousel à rotation automatique et manuelle.  

Bien que les composants du carrousel offrent un moyen attrayant d'afficher plusieurs éléments de contenu dans un espace bien défini, ils s'avèrent problématiques. Selon une étude réalisée  par Eric Runyon, directeur des communications Web à l'Université de Notre Dame, seulement 1,07 % des utilisateurs ont interagi avec le contenu du carrousel avec 89,1 % d'engagement sur la première diapositive.  

Les carrousels sont souvent développés d'une manière qui limite leur facilité d'utilisation, comme avec l'utilisation de l'autorotation ou du contrôle de navigation limité. Cela peut créer de la frustration pour les utilisateurs, les obligeant à abandonner complètement le contenu, ce qui réduit encore les taux de conversion.  

 Explorer les carrousels du point de vue de l'accessibilité présente d'autres défis pour les utilisateurs de clavier et de lecteur d'écran. Les modèles de navigation complexes, la perte de concentration entre les éléments et les changements de diapositives non annoncés par les technologies d'assistance ne sont que quelques-uns des problèmes les plus courants rencontrés par les carrousels. La bonne nouvelle est que les carrousels peuvent être développés de manière à les rendre accessibles à tous les utilisateurs. Voici quelques éléments à prendre en compte comme indiqué dans les W3C- Tutoriels sur l'accessibilité du Web :  

1. Tous les éléments exploitables doivent être accessibles au clavier : 

1. Cela inclut les éléments de navigation, les liens, boutons, images et tout ce qui peut être actionné avec une souris. Ces éléments doivent également avoir un indicateur visuel de mise au point permettant aux utilisateurs de comprendre quel élément est mis au point.  

1. Fournissez aux utilisateurs le contrôle des fonctions du carrousel :  

1. Permettez aux utilisateurs de contrôler le mouvement du carrousel en fournissant un bouton pause/lecture ou en mettant le carrousel en pause au survol de la souris/au clavier lorsque l'autorotation est utilisée.  

1. Les modifications apportées au contenu des diapositives sont annoncées par des technologies d'assistance :  

1. Cela permet aux utilisateurs de comprendre clairement où ils se trouvent dans le carrousel et comment naviguer dans le contenu.  

Bien que les carrousels aient fait l'objet de nombreux débats tant du point de vue de la convivialité que de l'accessibilité, ils sont encore couramment utilisés et ne semblent pas sortir de sitôt du monde de la conception Web.  

Les carrousels sont une décision détournée 

Que vous décidiez ou non d'incorporer un composant de carrousel, l'amélioration de l'accessibilité globale de ce composant améliore sans aucun doute la convivialité pour tous. Pour en savoir plus sur la conception et le développement de carrousels accessibles, veuillez contacter nos experts en accessibilité dès aujourd'huiou en savoir plus sur la création d'un design accessible pour tous vos utilisateurs en téléchargeant notre guide, Expériences numériquement accessibles : pourquoi c'est important et comment les créer.  

À propos de l'auteur

Christina fait partie de l'unité commerciale de Detroit et travaille en tant que testeuse QA au sein de l'équipe d'accessibilité.

En savoir plus sur cet auteur