Ainclusif est une association qui promeut le cécifoot et porte un engagement fort en faveur de l’inclusion. Son site ne pouvait donc pas être un simple site vitrine classique. Il devait être cohérent avec sa mission : accessible, lisible, navigable et compréhensible par tous, y compris par des personnes en situation de handicap visuel. L’enjeu du projet était autant humain que technique : créer un site aligné avec les valeurs portées sur le terrain.

Mission

L’accompagnement a consisté à guider l’association dans la conception d’un site simple, clair et hautement accessible. Nous ne nous sommes pas contentés de structurer les pages : nous avons formé l’équipe aux principes fondamentaux de l’accessibilité numérique et aux bonnes pratiques de lisibilité.

Ensemble, nous avons défini une arborescence minimaliste, sans sous-menus complexes, avec un accès direct aux pages essentielles : Accueil, Actualités & audio, L’association, Nous soutenir, ainsi qu’un bouton “Nous rejoindre” clairement visible dans le menu. L’objectif était de réduire la charge cognitive et de rendre la navigation intuitive.

L’accompagnement a également porté sur l’intégration de solutions d’accessibilité : contraste élevé, agrandissement du texte, espacement des lettres, mise en évidence des liens, inversion des couleurs et, selon la configuration retenue, lecture vocale du contenu. Un bouton d’accessibilité visible en permanence permet à chaque utilisateur d’adapter l’affichage selon ses besoins.

Objectifs

Créer une structure simple et intuitive. Garantir un niveau d’accessibilité conforme aux standards AA minimum. Intégrer un système d’accessibilité complet et visible. Permettre la lecture audio des contenus du blog. Assurer une navigation mobile prioritaire. Former l’association aux bonnes pratiques, notamment sur la rédaction des balises ALT pour chaque image afin de garantir une compatibilité avec les lecteurs d’écran.

Il ne s’agissait pas seulement de créer un site, mais de transmettre une méthode et des réflexes durables.

Transformation mise en place

La première étape a consisté à installer et structurer l’environnement WordPress, puis à créer des modèles simples pour les pages et les articles. Un modèle spécifique a été conçu pour le blog afin d’intégrer systématiquement une version audio des contenus, via SoundCloud ou un lecteur natif, permettant aux visiteurs d’écouter les articles.

Un travail important a été réalisé sur la qualité sémantique : chaque image intégrée doit comporter une balise ALT descriptive. L’association a été formée à rédiger ces descriptions de manière pertinente, afin que les lecteurs d’écran puissent restituer correctement l’information aux personnes non-voyantes.

Le design a été volontairement épuré : contrastes conformes au niveau AA minimum, typographies lisibles, boutons bien identifiables, navigation fluide et responsive mobile prioritaire. Chaque choix a été expliqué pour que l’équipe comprenne les enjeux derrière les décisions prises.

Résultats

Ainclusif dispose aujourd’hui d’un site simple, clair et réellement accessible. Les visiteurs peuvent adapter l’affichage selon leurs besoins, lire ou écouter les contenus, et naviguer sans complexité inutile. L’association est désormais autonome dans la gestion et l’évolution de son site tout en respectant les principes d’accessibilité numérique.