Template de design d'accordéon : anatomie, patterns et mise en place
Cet article définit le template de design d'accordéon comme un empilement de cinq éléments — conteneur, en-tête déclencheur, libellé, icône d'état et panneau — et explique la différence entre les comportements mono-expansion et multi-expansion. Il associe chaque pattern à un usage précis (FAQ, tarifs, caractéristiques techniques, navigation), détaille les exigences W3C ARIA concernant les boutons, aria-expanded et l'interaction au clavier, montre une construction no-code dans Webflow et indique quand éviter les accordéons pour préserver la lisibilité et le SEO.