Interface utilisateur
=====================

Les WebExtensions disposent de plusieurs options d'interface utilisateur afin que leur fonctionnalité puisse être mise à la disposition de l'utilisateur. Un résumé de ces options est fourni ci-dessous, avec une introduction plus détaillée à chaque option d'interface utilisateur dans cette section.

**Note :** Pour en revenir des conseils sur l'utilisation de ces composants d'interface utilisateur afin de créer une expérience utilisateur générale dans votre extension, consultez l'article sur les bonnes pratiques de l'expérience utilisateur.


| UI option | Description | Exemple |
| --- | --- | --- |
| Bouton de la barre d'outils (action du navigateur) | 
 Un bouton sur la barre d'outils du navigateur qui diffuse un événement
 sur l'add-on lorsqu'il est cliqué. Par défaut, le bouton est visible
 dans tous les onglets.
  |  |
| 
 Bouton de la barre d'outils du navigateur avec un
 popup | 
 Un popup sur un bouton dans la barre d'outils du navigateur qui
 s'ouvre lorsque le bouton est cliqué. La fenêtre contextuelle est
 définie dans un document HTML qui gère l'interaction de l'utilisateur.
  |  |
| Bouton de la barre d'addresse
 (action page)
  | 
 Un bouton sur la barre d'adresse du navigateur qui distribue un
 événement à l'add-on lorsqu'il est cliqué. Par défaut, le bouton est
 caché dans tous les onglets.
  |  |
| 
 Bouton de la barre d'addresse avec un
 popup | 
 Un popup sur un bouton dans la barre d'adresse du navigateur qui
 s'ouvre lorsque le bouton est cliqué. La fenêtre contextuelle est
 définie dans un document HTML qui gère l'interaction de l'utilisateur.
  |  |
| Elément du menu contextuel | 
 Les éléments de menu, les cases à cocher et les boutons radio sur un
 ou plusieurs des menus contextuels du navigateur. En outre, les menus
 peuvent être structurés en ajoutant des séparateurs. Lorsque les
 éléments du menu sont cliqués, un événement est envoyé à l'extension.
  |  |
| Barre latérale | 
 Un document HTML s'affiche à côté d'une page Web, avec l'option de
 contenu unique par page. La barre latérale s'ouvre lorsque l'extension
 est installée, puis obéit à la sélection de visibilité de la barre
 latérale de l'utilisateur. L'interaction de l'utilisateur dans la
 barre latérale est traitée par son document HTML.
  |  |
| page d'options | 
 Une page qui vous permet de définir les préférences pour votre
 WebExtension que vos utilisateurs peuvent modifier. L'utilisateur peut
 accéder à cette page dans le gestionnaire des extensions du
 navigateur.
  |  |
| Extension pages | 
 Utilisez les pages Web incluses dans votre WebExtension pour fournir
 des formulaires, de l'aide ou tout autre contenu requis, dans les
 fenêtres ou les onglets.
  |  |
| Notifications | 
 Notifications transitoires affichées à l'utilisateur par le mécanisme
 de notification du système d'exploitation sous-jacent. Déclenche un
 événement vers l'extension lorsque l'utilisateur clique sur une
 notification ou lorsque une notification se ferme (automatiquement ou
 à la demande de l'utilisateur).
  |  |
| Suggestions de la barre d'addresse | 
 Offrez des suggestions de barèmes d'adresses personnalisées lorsque
 l'utilisateur entre un mot-clé.
  |  |
| Panneaux d'outils de développement | 
 Un onglet avec un document HTML associé qui s'affiche dans les outils
 de développement du navigateur.
  |  |

Les guides pratiques suivants fournissent des conseils étape par étape pour créer certaines options d'interface utilisateur:

* Lignes directrices en matière d'accessibilité
* Ajouter un bouton à la barre d'outils
* Styles des navigateurs
* Extension des outils de développement
* Mettre en place une page de paramètres