Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Confirmation

Un message de confirmation demande à l'utilisateur d'effectuer ou de confirmer une action, par exemple répondre à un message système qui demande à l'utilisateur de redémarrer l'appareil après un changement de carte SIM, ou demander à l'utilisateur d'accorder ou de refuser l'autorisation d'exécuter une tâche. Consultez le guide de codage pour la façon de mettre en œuvre ces invites dans votre application.

Caractéristiques

  • Les invites de confirmation sont modales, elles occupent la totalité de l'écran et nécessitent une intervention de l'utilisateur pour être fermées.
  • Elles consistent en :
    • Un titre (facultatif)
    • Un corps
    • Une icône (facultative)
    • Un bouton d'entrée de la confirmation, dont le label peut être personnalisé
    • Un bouton Annuler, dont le label peut être personnalisé

Captures d'écran

Voici quelques exemples de ce à quoi diverses invites de confirmation peuvent ressembler.

Apparence par défaut

Ici, un <h1> est utilisé pour créer la « confirmation » du titre.. La classe delete est appliquée au bouton Supprimer pour l'afficher avec l'apparence d'un bouton Supprimer

Avec un contenu de corps

Dans cet exemple, un corps plus complexe est utilisé, avec une image et son style. La classe « recommandé » est utilisée pour indiquer que le bouton « Action » est le bouton qui doit effectuer ladite action.

Sans titre

Cet exemple est exactement comme celui du dessus sauf qu'il n'y a pas de bloc <h1> pour créer un titre.

En mode d'édition

Variations

Il y a quelques variantes sur le plan des invites de confirmation, comme vous l'avez vu ci-dessus. Les maquettes simplifiées ci-dessous aident à clarifier les composants de l'invite de confirmation, et montrent que vous avez le contrôle sur la mise en page du contenu.

Invite de permission

Ici, l'icône et le titre sont utilisés pour identifier l'application qui demande l'autorisation, et le genre de permission demandé.

Le texte du corps du document doit aller plus en détail sur ce que l'octroi de cette autorisation signifie.

Invite de confirmation d'action

Ce message simple confirmation d'action pose une question simple, et ne dispose pas d'un titre.

Invite de confirmation d'action

Cet invite de confirmation d'action un peu plus complexe ajoute une icône et un titre.

 

Interaction

Supprimer des  messages

Dans cet exemple, une invite de confirmation est utilisée pour demander à l'utilisateur s'il est certain de vouloir supprimer les messages sélectionnés à partir d'une liste de courriels. Appuyer sur le bouton « Supprimer » affiche l'invite ; la suppression se produit uniquement si l'utilisateur appuie sur le bouton « Supprimer » dans l'invite de confirmation.

Confirmer une demande de permission

Dans cet exemple, l'utilisateur ouvre pour la première fois une application qui a besoin de l'autorisation d'utiliser le service de géolocalisation. Comme l'application nécessite l'autorisation pour fonctionner, il demande immédiatement l'autorisation d'utiliser le service de localisation. Lorsque l'utilisateur ferme l'invite en tapant soit « Ne pas autoriser » (qui refuse l'autorisation d'utiliser la géolocalisation) soit « Autoriser » (qui accorde la permission), le message de confirmation se ferme et le choix de l'utilisateur prend effet.

Notez que cet exemple comporte une case à cocher dans l'invite de confirmation pour enregistrer le choix de l'utilisateur afin que celui-ci ne soit pas demandé à nouveau ultérieurement.

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : teoli, Goofy, Omnilaika02
 Dernière mise à jour par : teoli,