Aller au contenu

Page de remerciement après envoi

La page qui suit un devis ou un message de contact : confirmation claire, délai de réponse annoncé, récapitulatif imprimable, prochaines étapes et liens utiles.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Le visiteur sait tout de suite que sa demande est partie, quand il aura une réponse et ce qui va se passer ensuite. Le récapitulatif reprend la demande avec sa référence, copiable en un clic et imprimable ; la feuille d'impression masque boutons et liens. Accessibilité : un seul titre de niveau 1 puis des sections nommées, liste de définitions pour le récapitulatif, liste ordonnée d'étapes avec aria-current="step" sur l'étape en cours, confirmation de copie annoncée par une zone role="status", focus visible sur chaque contrôle, contrastes AA en clair comme en sombre. L'animation de la coche disparaît avec prefers-reduced-motion. Sans JavaScript, les boutons de copie et d'impression restent cachés au lieu d'être inertes. Une colonne dès 360 px, deux sur tablette.

Code

Chargement du code…

Contenu de l'archive

page-merci-confirmation-html-tailwind.zip3 fichiers · 7 Ko

  • index.html18 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 16 octobre 2026.

Dans le même esprit

  • Page de produit retiré

    Bientôt disponible

    Une page pour un produit qui n'est plus vendu, avec une explication et trois produits similaires.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une page affichée pendant une maintenance, avec l'heure de retour prévue et des moyens de rester informé.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Page hors connexion

    Bientôt disponible

    La page affichée par une application web installable quand la connexion est perdue, avec des conseils concrets.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Page d'erreur serveur 500

    Bientôt disponible

    Une page d'erreur serveur qui rassure, propose de réessayer et fournit une référence à transmettre au support.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant