7.6. Mettre à jour le <title> de la page quand celle-ci se recharge pour afficher une erreur ou un message de confirmation

Chaque fois qu’un formulaire renvoie une erreur ou un message de confirmation suite à un rechargement de la page, la balise <title> doit être mise à jour.

Par exemple, dans le cas d’une réussite :

<title>Confirmation - Contact | [Nom du site]</title>

Et dans le cas d’une erreur :

<title>Erreur - Contact | [Nom du site]</title>

Astuce

Il est recommandé de faire apparaître cette mention en premier dans la balise <title>.

Remarque

Dans certaines situations, il n’est pas nécessaire d’ajouter une mention car le titre de la page affichée après la soumission rend le résultat de l’action évident.

Par exemple :

  • Formulaire de connexion qui envoie vers une page « Profil utilisateur ».
  • Bouton « Passer à l’étape suivante » qui envoie à l’étape suivante dans un formulaire à étapes multiples.
  • Formulaire de contact qui envoie une page de prévisualisation.

Aller plus loin

  1. Recommandation d’accessibilité HTML, CSS et JavaScript associée : 2.1. Renseigner un <title> précis sur chaque page.
  2. Sur le blog Atalan : Titres de pages et accessibilité.

Commentaires

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page