Page de médiation entre les familles et l'école

[flocom]

Un parent qui a un souci avec l'école n'avait aucun endroit où s'adresser sur le site : le seul formulaire public parlait de rejoindre l'association, ce qui n'est pas la même démarche et suppose déjà d'être prêt à s'engager.

Ce qui est ajouté

Un bouton dans l'en-tête public, seul élément rouge du site (coral-600, blanc dessus à 7:1), présent sur toutes les pages publiques.

Une page /mediation qui dit en trois temps ce qui se passe — on vous écoute, on en parle avec vous, on porte le sujet auprès de l'enseignant ou de la direction, avec vous ou en votre nom — puis propose un formulaire.

Trois décisions à signaler

1. Le formulaire demande la classe, jamais le nom de l'enfant. Pour préparer un rendez-vous avec la direction, le niveau suffit ; le prénom d'un élève dans une boîte partagée est une donnée qu'on peut éviter de collecter. L'objet de l'e-mail reste neutre (« Demande de médiation — ») pour la même raison : il arrive dans une boîte partagée et ne doit pas exposer une situation dans une liste de messages.

2. La promesse de discrétion est tenue par la structure, pas par une intention. La page dit que le message reste entre la famille et le bureau : la route API ne fait aucun insert, le message part par e-mail et rien n'est stocké. Aucun membre connecté ne peut le relire dans l'application.

3. Une ligne discrète rappelle le 3020 et le 119. Une page de médiation scolaire reçoit tôt ou tard un signalement de harcèlement ; ces deux numéros peuvent agir vite là où une association de parents ne le peut pas. C'est une phrase, en bas du panneau, pas un encadré alarmant.

Défaut corrigé au passage

L'en-tête accueillait deux actions ; à trois, rien ne tient sur une ligne de 390 px (364 px de liens pour 298 px disponibles). Il passe sur deux rangées sous 640 px — 106 px de haut au lieu de 78 — plutôt que de déborder ou de masquer un lien.

Vérifications

Instance réelle (PostgreSQL, build de production), navigateur réel, serveur SMTP de test.

Contrôle	Résultat
Bouton présent sur /, /rejoindre, /mediation, /inscription/[token]	oui, fond rgb(145, 68, 87)
Largeurs 320 / 390 / 430 / 768 / 1280 px	trois liens visibles, aucun débordement horizontal
Envoi du formulaire	confirmation affichée, e-mail reçu à l'adresse de contact
Contenu de l'e-mail	sujet, nom, classe, message ; Reply-To = adresse du parent
Hiérarchie des titres	un h1, deux h2, quatre h3
Adresse de contact absente	formulaire remplacé par un bloc d'indisponibilité

Honeypot, reCAPTCHA v3 et consentement repris à l'identique du formulaire existant.

🤖 Generated with Claude Code

https://claude.ai/code/session_014SfQYBU4xXTeSEHKhHQXdD

---

Generated by Claude Code