Toast

Définition, exemples et bonnes pratiques

À retenir

  • Temporaire : il s'efface de lui-même après un court délai.
  • Non bloquant : il ne demande pas d'action obligatoire pour continuer.
  • Discret : il occupe une petite surface de l'écran (souvent en bas ou dans un angle).

Un toast est un petit message d'information éphémère qui surgit brièvement sur un écran pour confirmer une action, comme l'envoi d'un e-mail ou l'enregistrement d'un fichier. On l'appelle ainsi car il apparaît souvent depuis le bas de l'écran, à la manière d'une tranche de pain qui s'extrait d'un grille-pain, avant de s'effacer automatiquement sans que l'utilisateur n'ait besoin de cliquer.

Étymologie

Le mot provient de l'anglais toast (pain grillé). En informatique, ce terme a été popularisé par les interfaces mobiles, notamment Android, pour désigner ce mécanisme visuel de notification « bondissante ». L'analogie repose entièrement sur le mouvement mécanique des grille-pains traditionnels.

Exemples d'usage

  • Une petite barre noire en bas de l'application Gmail indiquant « Message envoyé ».
  • Un bandeau discret affichant « Changements enregistrés » après avoir modifié un profil utilisateur.
  • Une notification de succès lors de la copie d'un texte dans le presse-papiers sur un smartphone.

Cas d'usage

Il est utilisé en développement mobile (UX/UI) et en conception web pour fournir un retour d'expérience (feedback) immédiat et non intrusif. Contrairement à une fenêtre classique, il ne coupe pas la navigation de l'utilisateur.

Bonnes pratiques

Un toast doit être court (moins d'une phrase) et rester visible entre 2 et 5 secondes. Il ne doit jamais contenir d'informations cruciales pour la sécurité ou des erreurs bloquantes, car l'utilisateur pourrait ne pas le voir avant sa disparition. Il faut éviter d'y placer plus d'une action simple (comme un bouton « Annuler »).

Synonymes

notification éphémère snackbar message furtif alerte flottante

Antonymes

fenêtre modale boîte de dialogue alerte bloquante

Conseil

Si vous débutez en développement, utilisez les toasts pour confirmer des actions positives. Pour des erreurs graves qui nécessitent une correction de la part de l'utilisateur, préférez toujours une fenêtre modale qui demande une validation explicite.

Questions fréquentes

Quelle est la différence entre un toast et une snackbar ?

Dans l'écosystème Android (Material Design), le toast est purement informatif, tandis que la snackbar peut contenir une action (comme 'Annuler'). En dehors de ce cadre, les deux termes sont souvent utilisés de façon interchangeable.

Un toast peut-il rester affiché indéfiniment ?

Non, par définition un toast est éphémère. S'il reste affiché, il s'agit alors d'une bannière ou d'une notification persistante.

Est-ce accessible aux malvoyants ?

C'est un défi technique. Il faut utiliser des balises spécifiques (comme <code>aria-live</code> en web) pour que les lecteurs d'écran puissent lire le message avant qu'il ne disparaisse.