Tree views in CSS
▻https://iamkate.com/code/tree-views
A tree view (collapsible list) can be created using only HTML and CSS, without the need for JavaScript.
Utilise les balises <details> (avec éventuellement l’attribut open) et <summary>.
à priori OK pour l’accessibilité
À priori ça a l’air de correspondre à l’usage prévu par la balise « details » : voir le contenu « plus détaillé » de quelque chose sur lequel on clique, ce qui est bien le cas pour une arborescence.
Un petit exemple en SPIP, pour ouvrir et voir les mots-clefs d’un article
<B_mots>
<ul>
<li>
<details>
<summary>#TOTAL_BOUCLE mots clefs</summary>
<ul>
<BOUCLE_mots(MOTS){id_article}>
<li>
#TITRE
</li>
</BOUCLE_mots>
</ul>
</details>
</li>
</ul>
</B_mots>