Comparaison comportementale
Fenêtre contextuelle vs Infobulle
Différence décisive
La Fenêtre contextuelle s’ouvre sur un appui explicite et peut contenir des liens ou des contrôles ; l’Infobulle apparaît au survol ou au focus et ne contient qu’un texte bref non interactif.
Critères de choix, liens et sources
- Fenêtre contextuelleChoisis Fenêtre contextuelle si le contenu comprend un lien, un contrôle ou plus d’une phrase ou deux.Ouvrir la fiche Fenêtre contextuelle
- InfobulleChoisis Infobulle si quelques mots clarifient une icône peu familière et que leur absence sur mobile est acceptable.Ouvrir la fiche Infobulle
Voir les neuf dimensionsVoir les sources
Petites surfaces contextuelles
Essayer
As-tu besoin d’une explication brève, d’un contenu contextuel interactif ou d’une liste d’actions ?
Fenêtre contextuelle
Contexte commun aux essais
Un espace projet doit révéler une aide brève, des détails complémentaires ou une courte liste d'actions depuis un contrôle compact sans quitter la tâche en cours.
Fenêtre contextuelle
Mission
Fenêtre contextuelle - Popover
Ouvrir l'explication, parcourir son ordre de focus, puis la fermer sans perdre sa position.
Détail de la facture
Une ligne de service et les frais associés.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le panneau non modal s'ouvre près du libellé de facturation et son lien peut recevoir le focus.
- Cas limite
- Quand l'espace manque, la gestion des collisions repositionne le panneau sans couvrir le déclencheur ni déplacer le focus de façon inattendue.
Infobulle
Mission
Info-bulle - Tooltip
Révéler le nom de l'icône au pointeur et au clavier, puis fermer avec Échap.
Exporter le rapport
report-july.pdf
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- L'aide apparaît près du bouton d'export focalisé, qui reste utilisable.
- Cas limite
- Sur écran tactile, l'icône garde un moyen visible d'obtenir son nom et aucune information ne dépend uniquement du survol.
Ce que cet essai montre
Contrairement à une Infobulle, un Popover peut contenir du contenu interactif ; contrairement au Menu d'actions déroulant, il ne se limite pas à une liste d'actions.
Lequel convient à ton besoin ?
Fenêtre contextuelle
Afficher une explication compacte avec un lien
Infobulle
Expliquer une icône peu familière
Différence et sources
Contrairement à une Infobulle, un Popover peut contenir du contenu interactif ; contrairement au Menu d'actions déroulant, il ne se limite pas à une liste d'actions.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Déclencheur
Le contrôle qui ouvre ou révèle la surface.
Décision
Question de famille
As-tu besoin d’une explication brève, d’un contenu contextuel interactif ou d’une liste d’actions ?
Trois critères pour choisir
- Déclenchement
Fenêtre contextuelle
Appui ou clic explicite sur un déclencheur nommé.
Infobulle
Survol du pointeur ou focus clavier sur l’élément de référence.
- Interactivité
Fenêtre contextuelle
Peut contenir des liens ou contrôles ; le focus ne se déplace que si l’interaction l’exige.
Infobulle
Ne contient aucun contrôle interactif ; le focus reste sur la référence.
- Focus
Fenêtre contextuelle
Le focus reste sur le déclencheur pour un contenu simple ou va de façon prévisible vers le premier contrôle pertinent.
Infobulle
Le focus reste sur le déclencheur ; l'infobulle n'entre jamais dans l'ordre de tabulation.
Neuf dimensions
- Déclenchement
Fenêtre contextuelle
Appui ou clic explicite sur un déclencheur nommé.
Infobulle
Survol du pointeur ou focus clavier sur l’élément de référence.
- Modalité
Fenêtre contextuelle
Généralement non modale ; le contenu alentour reste utilisable.
Infobulle
Description complémentaire non modale ; la page reste active.
- Positionnement
Fenêtre contextuelle
Ancrée près du déclencheur avec un placement qui évite les collisions.
Infobulle
Ancrée près de sa référence et repositionnée pour rester visible.
- Interactivité
Fenêtre contextuelle
Peut contenir des liens ou contrôles ; le focus ne se déplace que si l’interaction l’exige.
Infobulle
Ne contient aucun contrôle interactif ; le focus reste sur la référence.
- Focus
Fenêtre contextuelle
Le focus reste sur le déclencheur pour un contenu simple ou va de façon prévisible vers le premier contrôle pertinent.
Infobulle
Le focus reste sur le déclencheur ; l'infobulle n'entre jamais dans l'ordre de tabulation.
- Fermeture
Fenêtre contextuelle
Échap, le contrôle de fermeture ou un appui extérieur sans risque la ferme et restaure le focus sur le déclencheur.
Infobulle
Elle se ferme avec Échap et lorsque le focus et le pointeur quittent le déclencheur et la surface.
- Rôle accessible
Fenêtre contextuelle
dialog
Infobulle
tooltip
- Cas d’usage
Fenêtre contextuelle
Afficher une explication compacte avec un lien
Infobulle
Expliquer une icône peu familière
- Comportement mobile
Fenêtre contextuelle
Conserver un déclencheur facile à toucher et préférer une surface plus grande si le contenu devient complexe.
Infobulle
Ne jamais dépendre du survol seul ; rendre l’aide essentielle persistante ou accessible par une action tactile explicite.
| 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 | 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. |