Je suis parent
Votre enfant ne peut plus aller en classe ? Une association peut organiser des cours gratuits.
Couleurs
La palette vient de l'illustration (fin d'après-midi, chaude et calme). Les quatre couleurs du logo deviennent des teintes douces, une par profil de visiteur.
Base
Aa
Crème
--creme #FBF4ECFond principalAa
Sable
--sable #F3E6D8Section alternéeAa
Nuit
--nuit #2B2C4FTexte, bouton principalAa
Encre douce
--encre-douce #5A5B7ATexte secondaireAa
Brique
--brique #B4503AAccent, « Nous soutenir », focusAa
Brique foncée
--brique-fonce #9A4330Liens, survolIllustration (aplats uniquement)
Pêche
--peche #F2C6A0Lavande
--lavande #C8BCE6Sauge
--sauge #6F9A7AOr
--or #F2B65AFilets, focus sur fond nuitProfils (issus du logo)
Aa
Parent
#FCE3EA · trait #D9577EAa
Enseignant
#E1ECF8 · trait #1F5FA8Aa
Association
#E3F1E6 · trait #3E8E4EAa
Partenaire
#FDF0CF · trait #B07A00États
Succès
#1F6B3A sur #E6F4EAErreur
#B42318 sur #FDECEAInformation
#2B2C4F sur #ECE7F7Désactivé
#8C8DA6Typographie
Deux familles gratuites, hébergées sur le site (pas d'appel à Google en production) : Bricolage Grotesque pour les titres, chaleureuse et un peu artisanale ; Nunito Sans pour le texte, douce et très lisible. Les tailles s'adaptent à l'écran.
H1 · 38 → 78 pxMême malade, on continue d'apprendre.H2 · 30 → 44 pxComment ça marche ?H3 · 24 → 30 pxDevenir enseignant bénévoleH4 · 20 → 24 pxTrouver une associationChapô · 19 → 22 pxUne introduction courte qui dit l'essentiel de la page.Corps · 18 px / 1,6Le texte courant est en 18 px, interligne 1,6, et ne dépasse pas 68 caractères par ligne pour rester confortable à lire.Petit · 16 pxTextes de cartes, formulaires, pied de page.Mention · 14 pxDates, sources des chiffres, aides de champ.Surtitre · 14 pxAgréée par le Ministère de l'Éducation NationaleEspaces, grille et formes
Tous les espacements sont des multiples de 4 px. Le contenu est centré dans 1 240 px maximum, avec des marges latérales de 16 px sur téléphone à 64 px sur grand écran.
8 px · étiquettes
14 px · boutons, champs
24 px · cartes
32 px · grands blocs
Pilule · badges, pause
Boutons et liens
Trois niveaux seulement. Un bouton principal par zone d'écran. Hauteur minimale 48 px (cible tactile), focus clavier toujours visible.
Principal
Survol
Focus
Désactivé
Secondaire
Survol
Accent (soutien, don)
Survol
Grand
Petit
Voir toutes les actualitésLien fléché
Un lien dans le texte reste souligné.Lien de texte
Formulaires
Chaque champ a une étiquette visible au-dessus (jamais seulement un texte grisé dans le champ), une aide si besoin, et un message d'erreur clair rattaché au champ.
Badges et messages
ActualitéParentsEnseignantsAssociationsPartenairesGironde · 33
Cartes
Une carte = un seul lien principal ; toute la surface est cliquable, mais les lecteurs d'écran n'entendent le lien qu'une fois.
Je veux enseigner
Donnez quelques heures pour qu'un élève garde le fil de sa scolarité.
Rhône · 69Membre du réseau
AAME — Les Amis des Malades pour l'Enseignement
- Ville
- Lyon
- Antennes
- Roanne, Saint-Étienne, Vienne
Image de l'actualité
Composants de contenu
Les blocs que les bénévoles pourront insérer dans une page, sans mise en forme libre : ils choisissent un bloc, remplissent les champs, le design suit.
En-tête de section
Le réseau
Des associations partout en France
Chaque association intervient sur son territoire, à l'hôpital et à domicile.
Étapes
L'élève ne peut plus aller en classe
Maladie, accident, hospitalisation ou soins à la maison.
La famille contacte l'association
Directement, ou sur les conseils de l'hôpital ou de l'école.
Un enseignant bénévole intervient
À l'hôpital ou à domicile, en lien avec l'école habituelle.
Chiffres clés
- année de création
- 1992 Statuts adoptés le 6 novembre 1992
- associations membres
- [nombre] Calculé automatiquement depuis l'annuaire
- enseignants bénévoles
- [nombre] [année, source à fournir]
Témoignage
Les vrais héros ne portent pas de cape, ils enseignent !
Questions fréquentes (accordéon)
Les cours sont-ils payants ?
Non. Les associations du réseau assurent un enseignement gratuit, dispensé par des enseignants bénévoles.
Faut-il être enseignant pour devenir bénévole ?
[Réponse à valider par la FEMDH : niveaux de compétences requis par les autorités académiques.]
Accessibilité : contrastes vérifiés
Objectif WCAG 2.2 AA : 4,5:1 minimum pour le texte, 3:1 pour les grands titres et les éléments d'interface.
| Usage | Couleurs | Contraste |
|---|---|---|
| Texte principal | Nuit sur crème | 12,2:1 |
| Bouton principal | Blanc sur nuit | 13,3:1 |
| Bouton accent | Blanc sur brique | 5,1:1 |
| Liens | Brique foncée sur crème | 6,0:1 |
| Texte secondaire | Encre douce sur crème | 6,0:1 |
| Cartes de profil | Nuit sur teintes claires | 10,0 à 11,8:1 |
| Erreur / succès | Sur crème | 6,0:1 |
| Pied de page | Crème sur nuit | 12,2:1 |
| Focus sur fond nuit | Or sur nuit | 7,4:1 |
Toujours
Focus visible, cibles de 44 px minimum, étiquettes de champ visibles, titres dans l'ordre, textes alternatifs, animations stoppables et coupées si « réduire les animations » est activé.
Jamais
Information portée par la couleur seule, texte dans les images, texte clair sur pêche, lavande ou or, lien « cliquez ici ».