Dyslexiques de France

Le contexte

Une association d'aide aux personnes dyslexiques a besoin d'un site public : présenter les troubles DYS, orienter les familles, publier des ressources, encaisser les adhésions et rester joignable. Son audience est précisément celle qui lit le moins facilement une page web mal conçue.

Le problème à résoudre

Un site classique impose sa typographie, son interligne et son contraste. Pour un lecteur dyslexique, cela peut suffire à abandonner la page. Il fallait donc rendre la lecture réglable, sans transformer le site en usine à options, et sans casser le référencement ni les performances.

Ce que j'ai construit

• 01Un panneau d'accessibilité persistant : taille du texte en A− / A / A+, police adaptée aux troubles DYS, espacement des lettres et des lignes, soulignement systématique des liens, mode fond clair, remise à zéro.
• 02Une arborescence de ressources segmentée par public : enfants, parents, entreprises. Chaque visiteur trouve son entrée sans lire le reste.
• 03Les adhésions en ligne, l'espace de connexion des membres et la newsletter.
• 04Les pages recherche, outils, troubles DYS et événements, plus des mentions légales et une politique RGPD complètes.

Les choix techniques, et pourquoi

Les réglages de lecture sont appliqués par des variables CSS et mémorisés côté navigateur : le visiteur retrouve son confort à chaque visite, sans compte à créer. Le HTML est sémantique de bout en bout, ce qui rend le site navigable au clavier et lisible par un lecteur d'écran sans code supplémentaire. Rien n'est chargé depuis un service tiers, donc aucun bandeau de cookies n'est nécessaire.

Le résultat

L'association dispose d'un site qu'elle peut montrer à une mairie, une école ou une entreprise comme exemple de ce qu'elle défend. Et pour moi, d'une démonstration directe de la prestation d'accessibilité : le même outil est intégré au site que vous lisez, en bas à droite.