Comparaison comportementale
Fenêtre contextuelle vs Infobulle
Choisir Fenêtre contextuelle pour : Afficher une explication compacte avec un lien. Choisir Infobulle pour : Expliquer une icône peu familière.
| Dimension | Fenêtre contextuellePopover | InfobulleTooltip |
|---|---|---|
| Déclenchement | Appui ou clic explicite sur un déclencheur nommé. | Survol du pointeur ou focus clavier sur l’élément de référence. |
| Modalité | Généralement non modale ; le contenu alentour reste utilisable. | Description complémentaire non modale ; la page reste active. |
| Positionnement | Ancrée près du déclencheur avec un placement qui évite les collisions. | Ancrée près de sa référence et repositionnée pour rester visible. |
| Interactivité | Peut contenir des liens ou contrôles ; le focus ne se déplace que si l’interaction l’exige. | Ne contient aucun contrôle interactif ; le focus reste sur la référence. |
| Focus | Le focus reste sur le déclencheur pour un contenu simple ou va de façon prévisible vers le premier contrôle pertinent. | Le focus reste sur le déclencheur ; l'infobulle n'entre jamais dans l'ordre de tabulation. |
| Fermeture | Échap, le contrôle de fermeture ou un appui extérieur sans risque la ferme et restaure le focus sur le déclencheur. | Elle se ferme avec Échap et lorsque le focus et le pointeur quittent le déclencheur et la surface. |
| Rôle accessible | dialog when the content needs a named interactive region | tooltip |
| Cas d’usage | Afficher une explication compacte avec un lien | Expliquer une icône peu familière |
| Comportement mobile | Conserver un déclencheur facile à toucher et préférer une surface plus grande si le contenu devient complexe. | Ne jamais dépendre du survol seul ; rendre l’aide essentielle persistante ou accessible par une action tactile explicite. |