Aller au contenu
Forge

Résumé des erreurs de formulaire

Un encadré en tête de formulaire qui liste les erreurs, chacune avec un lien vers le champ concerné.

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

Description

Le résumé porte role="alert" pour être annoncé dès son apparition après l'envoi ; chaque lien mène au champ, dont le message d'erreur est relié par aria-describedby et l'état par aria-invalid. Ce modèle est recommandé par de nombreux référentiels d'accessibilité publics.

Code

Chargement du code…

Contenu de l'archive

alerte-resume-erreurs-html-tailwind.zip3 fichiers · 4 Ko

  • index.html4 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Centre de notifications

    Gratuit

    Une cloche avec pastille de non-lues qui ouvre un panneau de notifications : icônes par type, lues et non lues distinguées, et bouton « Tout marquer comme lu ».

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Notifications toast

    Bientôt disponible

    De courtes notifications qui apparaissent en bas de l'écran après une action, puis disparaissent.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Alertes à quatre niveaux

    Gratuit

    Les quatre messages classiques d'une interface : information, succès, avertissement et erreur.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Encarts de documentation

    Gratuit

    Trois encarts pour la documentation technique : note, astuce et avertissement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
Résumé des erreurs de formulaire | Forge