Sujet : ui-patterns
-
dialog contre popover : comportement modal, la couche supérieure et la fermeture légère
dialog avec showModal() est modal : couche supérieure, page rendue inerte, ::backdrop, touche Échap, closedby et form method=dialog ; l'attribut popover fait de n'importe quel élément une superposition non modale de la couche supérieure, qu'un bouton peut basculer sans script, avec fermeture légère en état auto. Utiliser dialog pour les invites bloquantes et les formulaires, popover pour les menus, infobulles et notifications toast.
-
details et summary : widgets de divulgation natifs, accordéons exclusifs et hidden until-found
details/summary est un widget de divulgation sans script : l'attribut open affiche le contenu, un attribut name partagé rend un groupe exclusif de sorte que l'ouverture de l'un referme les autres, l'événement toggle signale les changements, et summary est stylé comme display: list-item. Pour un contenu réduit qui doit rester consultable par recherche, hidden=until-found le révèle lors d'une recherche dans la page ou d'une navigation par fragment.
Lisible par machine : JSON