Accordéons

Les meilleures pratiques du lien de l'accordéon

Les meilleures pratiques du lien de l'accordéon
  1. Les accordéons sont-ils une bonne conception Web?
  2. Quel est l'avantage d'un accordéon sur un site Web?
  3. Quand ne pas utiliser l'accordéon?
  4. Les accordéons sur les sites Web sont-ils accessibles?

Les accordéons sont-ils une bonne conception Web?

Utilisation d'un accordéon dans les conceptions de votre site Web

Les accordéons peuvent aider à améliorer l'expérience utilisateur, en particulier sur les appareils mobiles. Puisqu'ils fournissent d'abord les informations les plus importantes et laissent les utilisateurs pour décider quoi en savoir plus, ils sont idéaux pour les pages FAQ, les sections de menu sur les pages d'accueil, et plus.

Quel est l'avantage d'un accordéon sur un site Web?

Les accordéons conviennent plus lorsque les gens n'ont besoin que de quelques éléments clés de contenu sur une seule page. En cachant la plupart du contenu, les utilisateurs peuvent passer leur temps plus efficace sur les quelques sujets qui comptent.

Quand ne pas utiliser l'accordéon?

Forcer les gens à cliquer sur les titres un à la fois pour afficher le contenu complet peut être lourd, surtout s'il existe de nombreux sujets sur la liste dont les individus se soucient. Si les gens ont besoin d'ouvrir la majorité des sous-thèmes pour répondre à leurs questions ou pour obtenir l'histoire complète, un accordéon n'est pas la voie à suivre.

Les accordéons sur les sites Web sont-ils accessibles?

Les accordéons sont également des structures Web qui nécessitent souvent JavaScript pour afficher / masquer des choses en fonction d'un événement de clic ou de mise au point utilisateur. La clé pour rendre les accordéons accessibles est de basculer certaines propriétés et états Aria sur les événements de clic utilisateur ou de mise au point (e.g. basculer Aria-Hidden, Aria-Expande, etc.).

Photos ou initiales de profil d'espace réservé
Qu'est-ce qu'une image de support de place?Comment utilisez-vous Pravatar? Qu'est-ce qu'une image de support de place?Un espace réservé d'image est ...
Conception de l'interface utilisateur alternative pour donner accès à plusieurs utilisateurs
Quelle interface est la mieux adaptée à la majorité des utilisateurs?Qui sont les 3 règles dorées de la conception de l'interface utilisateur expliqu...
Comment aligner les besoins des utilisateurs et les objectifs commerciaux?
Comment aligner les objectifs commerciaux avec les besoins des utilisateurs?Les objectifs commerciaux soutiennent-ils les objectifs de l'utilisateur?...