Cas d’usage : un projet web accessible et éco-conçu en partenariat avec Mentalworks

La collectivité des Coëvrons a lancé en 2025 un appel d’offres pour repenser son site internet. Au-delà d’une simple refonte, l’enjeu du projet était important : valoriser le territoire avec un site accessible et éco-conçu aligné avec les engagements RSE de la collectivité.

C’est l’agence digitale Mentalworks qui a été retenue pour piloter la création du site. Forte de son expérience dans le développement de site web sur mesure, elle a rapidement identifié la nécessité d’un accompagnement expert sur les volets de l’accessibilité numérique (RGAA) et de l’éco-conception (RGESN). C’est dans ce cadre que Boscop est intervenu, en appui sur ces deux dimensions.

Ce projet illustre une tendance de plus en plus présente : les collectivités intègrent désormais les enjeux RSE dans leurs outils numériques. Le site web devient un vecteur concret de ces engagements.

Une nouvelle démarche de montée en compétence en éco-conception et accessibilité numérique pour Mentalworks

Mentalworks est une agence digitale et webmarketing fondée en 2000, née de la fusion de deux structures aux expertises complémentaires. Aujourd’hui, l’agence rassemble une vingtaine de collaborateurs en transformation digitale, création de sites internet, CRM, etc.

Cette collaboration entre Mentalworks et Boscop s’est construite dans un esprit de complémentarité et d’accompagnement. Une approche saluée par l’agence : « On est content du déroulé du projet, qui a permis aux équipes de monter en compétence. Il y avait une vraie approche pédagogique. ». Ce partenariat repose aussi sur des valeurs commune, comme le résume Mentaworks : « On essaye de trouver des partenaires à notre image. »

Depuis plusieurs années, Mentalworks observe à travers sa veille métier et les retours terrain une montée en puissance des enjeux liés à l’accessibilité numérique et à l’éco-conception. Ces thématiques, longtemps perçues comme secondaires, s’imposent aujourd’hui comme des critères incontournables des appels d’offres et des projets, notamment pour les clients publics ou ceux engagés dans une démarche RSE.

Cette prise de conscience en interne découle aussi de la prise en compte du référentiel Opquast sur la qualité web, appliquée dès 2021 sur la méthodologie projet de l’agence. L’agence souhaitait intégrer pleinement ces dimensions à ses pratiques de conception web, mais n’en avait pas encore eu l’occasion.

L’opportunité de déployer l’accessibilité et l’éco-conception s’est présentée avec la collectivité des Coëvrons : un projet nécessitant une expertise sur ces deux axes. Mentalworks a pu concrètement faire évoluer ses socles techniques, notamment ses thèmes WordPress, afin de mieux répondre aux attentes spécifiques des collectivités : « On peut faire de beaux sites, avec un vrai design, tout en respectant l’accessibilité. »

Les enjeux du projet de la collectivité des Coëvrons

Des objectifs de conformité au RGAA et RGESN

La dernière version du site internet datant de 2017, la collectivité de communes des Coëvrons a souhaité entreprendre une refonte complète. En effet, elle s’est engagée en faveur des transitions écologiques, notamment à travers le programme TETE (Territoire Engagé Transition Écologique) mené en partenariat avec l’ADEME. Dans ce contexte, la volonté de mettre en place une communication plus responsable, à la fois via l’éco-conception et l’accessibilité, s’est imposée dès le lancement du projet.

Pour ce faire, Céline Lerouge, Directrice de la Communication de la collectivité, a lancé une démarche pour créer un cahier des charges adapté :

« Nous avions commencé par une phase de recherche d’informations. Nous avions pris le temps d’analyser les sites internet d’autres collectivités territoriales et d’assister à des conférences sur les enjeux du web, notamment une organisée par l’agglomération de Grenoble autour de l’accessibilité numérique. Nous avions également provoqué de nombreuses rencontres et échanges qui nous ont permis d’approfondir ces sujets.

Dans un second temps, nous avons pu rédiger notre cahier des charges, en parallèle d’une analyse de notre site actuel. Nous sommes restés ouverts quant aux contraintes définies dans ce document : notre objectif n’était pas de nous enfermer dans des choix trop restrictifs. »

Les deux objectifs en accessibilité et écoconception se sont ainsi traduits par des attentes précises :

• Tout d’abord, atteindre un haut niveau de conformité au RGAA (Référentiel Général d’Amélioration de l’Accessibilité). Concrètement, cela signifie garantir un accès équitable à l’information et aux services numériques, quels que soient les handicaps ou les situations de navigation des internautes. Ce niveau de conformité implique un travail rigoureux, aussi bien sur le design que sur le code ou la structuration des contenus.
• Côté éco-conception, la volonté était tout aussi affirmée : viser une conformité élevée au RGESN, le Référentiel Général d’Écoconception des Services Numériques. L’enjeu était de réduire l’impact environnemental du site sans compromettre sa qualité ou son attractivité. Cela implique une attention particulière portée au poids des pages, à l’optimisation des médias ou encore à la sobriété des fonctions.

Ensuite, un troisième pilier structurant du projet concernait l’autonomie des équipes de la collectivité. Le site devait être conçu pour leur permettre de gérer facilement les contenus depuis le back-office, sans dépendance à l’agence.

Enfin, il ne faut pas oublier l’enjeu principal de faire remonter les informations aux habitants de la communes, d’être attractif pour faire rayonner le territoire et d’attirer des visiteurs ou des nouveaux habitants.

Des contraintes techniques à intégrer

Si les objectifs fixés par la collectivité des Coëvrons étaient ambitieux, le projet s’est également construit dans un cadre technique contraint, qu’il a fallu intégrer dès les premières étapes.

Le choix du CMS WordPress, imposé dès le départ, a naturellement orienté les solutions mises en œuvre. Bien que populaire et puissant, WordPress embarque nativement de nombreuses fonctionnalités qui alourdissent la structure du site, notamment lorsqu’il s’appuie sur des thèmes standards ou des plugins tiers. Selon les recommandations des Designers Éthiques, il est essentiel, dans une logique d’éco-conception, de réduire autant que possible ces couches superflues pour limiter l’impact environnemental.

La collectivité souhaite valoriser son territoire à travers la mise en avant de visuels. Cette intention, légitime du point de vue éditorial, s’est traduite par l’intégration de nombreuses images de haute qualité, parfois lourdes en termes de poids. Bien que ce choix puisse avoir un impact environnemental, il s’inscrivait dans un objectif de promotion touristique. Dans ce contexte, le RGESN fait preuve de souplesse : contrairement à certains outils d’évaluation strictement techniques, le RGESN prend en compte les intentions éditoriales et les besoins d’usage. Ce qui explique pourquoi, malgré la présence de médias lourds, le site a pu obtenir un bon score global en éco-conception.

Ainsi, ce projet a dû jongler entre ambition et contraintes techniques, tout en maintenant une ligne directrice : proposer un site à la fois performant, responsable et fidèle aux attentes de la collectivité.

Notre rôle en tant que partenaire : l’accompagnement sur le RGESN et le RGAA.

Comme le rappelle Céline Lerouge « Notre choix s’est porté sur Mentalworks puisque la proposition correspondait pleinement à nos attentes : l’accessibilité, l’éco-conception mais aussi l’accompagnement du client. ». L’intervention de Boscop est venue compléter cette offre et a renforcé la confiance de la collectivité : « on savait qu’on allait être accompagné par une agence sérieuse mais aussi par des équipes spécialisées dans le domaine. Travailler ensemble sur ce projet a été une vraie force ! »

Ainsi, en collaboration avec les équipes de Mentalworks, nous avons suivi notre méthodologie pour intégrer l’accessibilité et l’éco-conception à toutes les étapes de la conception du projet :

1. Revue des maquettes dès la phase de conception

Avant même le début du développement, un premier travail a été mené sur les maquettes : contraste des textes, lisibilité des boutons, hiérarchisation de l’information… Cette étape, intégrée en amont, a permis d’anticiper une grande partie des non-conformités liées à l’accessibilité numérique. Elle est essentielle au projet.

Cette étape a également été l’occasion de formuler les premières recommandations d‘écoconception : formats et implémentations des médias, questionnement des fonctionnalités, ciblage des utilisateurs, définition des indicateurs de suivi, etc. Des éléments à prendre en compte dès que possible dans tout projet ayant des objectifs d’écoconception. Mentalworks étant déjà au fait de celles-ci, cette phase fut rapide à mener.

2. Audit initial

Une fois le premier socle technique livré, des audits d’accessibilité et d’éco-conception ont été réalisés. Sans surprise, ce premier passage a révélé de nombreuses non-conformités, notamment sur le code générique utilisé comme base de développement. Mais ce constat a surtout été vu comme une opportunité d’apprentissage par les équipes de développement de l’agence.

Nos équipes ont ensuite accompagné Mentalworks dans la prise en compte des correctifs.

3. Accompagnement au développement

Nous avons accompagné les développeurs tout au long de la phase de correction, en leur fournissant des recommandations, des ressources et des retours réguliers. Cette approche itérative a facilité une amélioration continue du site.

4. Audit de contrôle et intégration des correction

Un second audit, réalisé après les premières vagues de corrections, a permis de valider les progrès réalisés et de finaliser l’intégration des bonnes pratiques directement dans le thème WordPress Gutenberg sur-mesure réalisé par l’agence. Ce socle amélioré bénéficie désormais à tous les projets.

5. Audit final

Pour sécuriser la conformité avant la mise en ligne, un audit final a été ajouté, garantissant que le site répond aux objectifs de conformité fixés par la collectivité.

Au-delà de notre rôle d’experts sur les référentiels RGAA et RGESN, notre mission auprès de Mentalworks s’est inscrite dans une logique de partenariat et de transmission de compétences, comme expliqué précédemment. Nous avons travaillé main dans la main avec les équipes de Mentalworks : « Ce qu’on a apprécié, c’est l’accompagnement et les conseils, pour atteindre les objectifs fixés. »

Historiquement, la logique d’audit était peu intégrée dans le cycle de production de Mentalworks. Notre intervention a permis d’introduire cette dimension dès les premières étapes du projet, jusqu’à en faire un pilier méthodologique, désormais répliqué sur tous les projets. « Ce projet nous a demandé beaucoup de travail, bien que nous soyons sensibilisés à ces démarches. Nous n’avions pas franchi le pas, les collectivités servies n’en faisant pas une priorité. C’est désormais le cas, c’est pourquoi nous l’intégrons désormais à notre cycle de production comme une étape normale. »

Les résultats obtenus en accessibilité numérique

Grâce à notre accompagnement sur le référentiel RGAA, au travail de développement des équipes de Mentalworks et à l’engagement du service communication de la collectivité, le site des Coëvrons a atteint un score de conformité de 94.64% lors de l’audit final. Ce résultat très satisfaisant reflète la qualité du travail mené sur l’ensemble du cycle de production.

Ce niveau de conformité témoigne non seulement du respect des normes, mais aussi d’un engagement fort en faveur de l’inclusion numérique, dans un contexte où les obligations réglementaires s’intensifient pour les collectivités.

L’accessibilité numérique s’inscrit dans une logique d’amélioration continue. Le score pourra évoluer en fonction des mises à jour du site et des pratiques de ses contributeurs. C’est pourquoi nous utilisons la formation et la sensibilisation des équipes comme levier pour maintenir et améliorer ce niveau d’accessibilité. Céline Lerouge témoigne : « Cette formation d’une journée était vraiment essentielle pour nous, on a pu en apprendre davantage, bénéficier de conseils pratiques. On a à cœur de les mettre en œuvre sur d’autres supports maintenant. »

Conscients que de nombreux clients hésitent encore à investir dans l’accessibilité, souvent par méconnaissance technique ou peur du coût, Mentalworks souhaite désormais intégrer davantage la sensibilisation des clients dans ses offres. Une évolution positive : « Ce projet nous a permis de réfléchir à comment mieux accompagner nos clients sur ce sujet.»

Les résultats obtenus en éco-conception

À l’issue du projet, le site des Coëvrons a atteint un score de 93 % d’avancement au RGESN, ce qui reflète une intégration solide des principes d’écoconception. Ce résultat est d’autant plus significatif qu’il ne repose pas uniquement sur une approche technique, mais bien sur une logique de conception globale.

Ce score est appelé à évoluer dans les mois et années à venir, avec pour objectif d’atteindre 97 % d’ici à juin 2027. Plusieurs leviers d’optimisation ont déjà été identifiés, notamment :

• La gestion du poids des visuels : certaines images pourraient être compressées davantage ou remplacées par des alternatives plus légères, sans perte de qualité perçue.
• L’optimisation du chargement : mise en place plus systématique du lazy loading, meilleure priorisation des ressources critiques.
• Le nettoyage des scripts inutilisés ou redondants, notamment ceux issus de certains plugins WordPress.

Le travail de sensibilisation auprès des contributeurs jouera aussi un rôle important, afin de maintenir une cohérence dans les pratiques à mesure que le site évolue. Car, comme pour l’accessibilité, la performance environnementale d’un site dépend autant de sa structure initiale que de son usage au quotidien.

Enfin, pour répondre à l’objectif d’autonomie de la collectivité, Mentalworks a mis à disposition un thème modifiable, pensé pour permettre à plusieurs contributeurs d’intervenir sur le site. Ce choix, bénéfique pour la gestion de contenu, peut néanmoins introduire des couches supplémentaires dans l’architecture du site, avec un impact indirect sur les performances et les résultats dans certains outils de mesure.

La collectivité conclut en saluant le travail fourni par les deux agences : « Nous avons été ravis des résultats obtenus, tant en matière d’accessibilité numérique que d’éco-conception ». L’enjeu pour la communauté de communes des Coëvrons est désormais de maintenir ce niveau de conformité dans la durée.

Cet objectif a été appuyé tout au long du projet avec Boscop, notamment à travers la mise en place de formations aux bonnes pratiques d’accessibilité numérique. Aujourd’hui, les nouveaux collaborateurs de la collectivité sont à leur tour sensibilisés afin de pouvoir contribuer au site internet.

Enfin, cette démarche de numérique responsable s’est progressivement affirmée dans l’ensemble des pratiques de communication de la collectivité et a vocation à se poursuivre sur le long terme.

Un partenariat sur le long terme

Le projet des Coëvrons a confirmé que la réussite d’une démarche de numérique responsable repose autant sur l’accompagnement humain que sur l’expertise technique. Former, expliquer, co-construire : ces approches pédagogiques permettent aux équipes de réellement s’approprier les référentiels.

Il a aussi rappelé que l’accessibilité et l’éco-conception vont de pair. Ces dimensions ne peuvent être pensées à la fin du projet : elles doivent être intégrées dès le cadrage pour produire des services durables, inclusifs et adaptés à leurs usages.
 
Ce projet collaboratif avec Mentalworks en a amené d’autres, nous projetant sur un partenariat à long terme entre structures convaincues de ces valeurs inclusives.