gacor: Utiliser l'élément détails pour une divulgation native

Lorsque le contenu doit être disponible à la demande, les détails et le résumé fournissent un contrôle de divulgation intégré. Le navigateur gère l'état ouvert, l'activation du clavier et la sémantique étendue.

<details>
  <summary>What does this setting do?</summary>
  <p>It changes how the page displays the selected content.</p>
</details>

Gardez le résumé utile

• Faites du résumé une description concise du contenu caché.
• Placez le résumé comme premier enfant des détails.
• Ne placez pas de lien, de bouton ou autre contrôle interactif dans le résumé.

Utilisez un groupe uniquement lorsque cela vous convient

L'attribut name peut faire en sorte qu'un groupe de détails se comporte comme un ensemble où l'ouverture d'un détail en ferme un autre. Cela est utile pour les panneaux FAQ à ouverture unique, mais pas lorsque les lecteurs souhaitent raisonnablement ouvrir plusieurs sections ensemble.

Préférez l’élément natif à une divulgation personnalisée lorsque son comportement correspond à la conception. Ajoutez du style autour de la sémantique plutôt que de reconstruire le contrôle avec des conteneurs génériques cliquables.