Comparaison comportementale
Feuille inférieure vs Volet latéral
Choisir Feuille inférieure pour : Afficher les détails d'un lieu sur une carte mobile. Choisir Volet latéral pour : Modifier des filtres sans quitter les résultats.
| Dimension | Feuille inférieureBottom sheet | Volet latéralDrawer |
|---|---|---|
| Déclenchement | Un toucher ouvre la feuille ; sa poignée peut ensuite modifier son niveau par glissement. | Un bouton explicite ouvre un panneau temporaire de tâche ou de navigation. |
| Modalité | Souvent modale une fois déployée, avec l’arrière-plan inerte derrière un voile. | Peut être modale ou non modale ; le spécimen est modal lorsque la page arrière est inerte. |
| Positionnement | Attachée au bord inférieur, avec des hauteurs d’arrêt éventuellement définies. | Glisse depuis un bord latéral et reste attachée à ce bord. |
| Interactivité | Combine contrôles et glissement vertical ; le défilement interne ne doit pas entrer en conflit avec le geste de la feuille. | Contient des contrôles de navigation ou de tâche, avec focus contenu uniquement dans sa forme modale. |
| Focus | Le focus entre dans la feuille modale, y reste et revient au déclencheur Filtres après la fermeture. | L'ouverture place le focus sur le titre ou le premier champ utile, le contient, puis le rend au déclencheur. |
| Fermeture | Le contrôle fermer, Échap et un geste vers le bas dépassant le seuil prévu ferment ; les petits glissements accidentels reviennent en place. | Le contrôle fermer nommé et Échap fonctionnent toujours ; la fermeture par le voile est désactivée si elle peut perdre des changements. |
| Rôle accessible | dialog with aria-modal=true while the sheet makes the furniture results inert | dialog with aria-modal=true for the modal specimen |
| Cas d’usage | Afficher les détails d'un lieu sur une carte mobile | Modifier des filtres sans quitter les résultats |
| Comportement mobile | Pensée pour la portée tactile ; respecter la zone sûre, le clavier logiciel et le défilement imbriqué. | Utiliser un panneau large ou pleine largeur ; passer à une feuille basse si l’accès par le bord inférieur est plus naturel. |