- Qu'est-ce qu'un menu d'accordéon?
- Les menus accordéon sont-ils accessibles?
- Comment rendre un accordéon accessible?
Qu'est-ce qu'un menu d'accordéon?
Un accordéon est un menu composé d'en-têtes empilés verticalement qui révèlent plus de détails lorsqu'ils sont déclenchés (souvent par un clic de souris). Étant donné que ce modèle de conception Web met en évidence uniquement les informations les plus critiques d'une section mais rend le reste facilement accessible, c'est un élément commun dans la conception réactive.
Les menus accordéon sont-ils accessibles?
Les boutons sont utilisés comme accordéons afin qu'ils soient tabuler par les utilisateurs de clavier et accessibles aux lecteurs d'écran. Chaque bouton d'accordéon a un ID unique associé à ses contrôles Aria (chaque bouton contrôle cet ID particulier qui fait référence au contenu caché en dessous).
Comment rendre un accordéon accessible?
Accessibilité du lecteur d'écran
Chaque accordéon doit commencer par un attribut précis d'ARIA. Utilisez aria-expanded = "false" si l'accordéon est fermé. Utilisez aria-expanded = "true" si l'accordéon est ouvert.