--- title: "Refonte accessible du site de Quai des Plans, sur l’Île de Nantes" description: "Étude de cas : refonte accessible (RGAA) du site d’un cabinet d’architectes de l’Île de Nantes, plus léger, sans perte de référencement grâce aux redirections." canonical_url: "https://studiofogg.fr/realisations/quai-des-plans-architectes" --- > Index of every page on this site: [llms.txt](https://studiofogg.fr/llms.txt) ## Le contexte Quai des Plans Architectes est un cabinet installé sur l’Île de Nantes, qui conçoit des équipements publics, des logements et des réhabilitations. Une grande partie de ses projets est commandée par des collectivités et d’autres maîtres d’ouvrage publics. Son ancien site, bâti autour d’un carrousel plein écran, était lent, peu lisible et impossible à parcourir au clavier. Nous l’avons refondu sur WordPress en intégrant l’accessibilité dès les maquettes : le nouveau site atteint 92 % de conformité au RGAA et a conservé son trafic venu de Google. ## Les enjeux Le projet relevait de notre [offre de refonte de site internet](https://studiofogg.fr/services/refonte-site-internet-nantes) et cumulait quatre exigences : - **l’accessibilité** : les clients publics du cabinet sont eux-mêmes tenus de rendre leurs services en ligne accessibles selon le [RGAA, le référentiel de l’État](https://accessibilite.numerique.gouv.fr/), et ils y sont attentifs ; - **la performance** : des photos de plusieurs mégaoctets, chargées d’un bloc, rendaient les pages projets très lentes sur mobile ; - **le référencement** : 240 pages indexées, dont des fiches projets bien placées, ne devaient pas disparaître ; - **l’autonomie** : l’équipe publie régulièrement de nouveaux projets et devait pouvoir le faire sans dégrader l’accessibilité. Le cabinet n’entre pas dans le champ de l’European Accessibility Act, qui vise une liste précise de services aux consommateurs, dont le commerce en ligne, la banque et le transport de voyageurs ; [notre article consacré à l’European Accessibility Act](https://studiofogg.fr/journal/european-accessibility-act-ce-qui-change-pour-votre-site) en détaille le périmètre. Mais pour des architectes qui conçoivent des lieux ouverts à tous, un site inaccessible posait une question de cohérence. ## Notre approche ### Un plan de redirections avant la première maquette Avant de dessiner, nous avons inventorié les 240 URL de l’ancien site à partir d’une exploration complète, de la Search Console et des liens entrants. Chacune a reçu sa nouvelle adresse dans une table de correspondance, puis une [redirection 301](https://studiofogg.fr/glossaire#redirection-301) vers la page équivalente : sans chaîne de redirections, et sans renvoi en masse vers l’accueil, comme le recommande la [documentation de Google sur les migrations de site](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes?hl=fr). Google conseille de conserver les redirections aussi longtemps que possible, en général au moins un an : celles-ci resteront en place. La démarche complète est décrite dans [notre guide pour migrer un site et ses URL](https://studiofogg.fr/journal/refonte-site-sans-perdre-son-referencement). ### L’accessibilité dessinée, pas rattrapée Avant le développement, les maquettes Figma ont été vérifiées sur tout ce qui se décide au design : contraste des textes posés sur les photos, ordre de lecture, focus visible, taille des zones cliquables, hiérarchie des titres. Le carrousel a laissé place à une grille de projets que l’on parcourt au clavier comme à la souris. Chaque photo a reçu un texte alternatif qui décrit le bâtiment, rédigé avec l’équipe du cabinet. Cet accompagnement en [accessibilité numérique](https://studiofogg.fr/services/accessibilite-numerique-nantes) s’est conclu par un audit selon le RGAA 4.1.2 et par la publication de la déclaration d’accessibilité du site. ### Des images enfin à leur poids Les photos sont désormais redimensionnées, converties dans des formats légers comme l’AVIF ou le WebP, déclinées en plusieurs tailles et chargées seulement à l’approche de l’écran. Le poids moyen d’une page projet a baissé d’environ 70 %. ### Un WordPress qui garde l’accessibilité dans la durée Plutôt qu’un constructeur de pages, nous avons développé un thème sur mesure avec quelques blocs éditoriaux : chaque bloc produit un code accessible et guide la saisie, des niveaux de titres aux intitulés des liens. Le formulaire d’ajout d’un projet rend le texte alternatif obligatoire pour chaque photo. ## Ce que nous avons livré - un thème WordPress sur mesure et ses blocs éditoriaux ; - les fiches projets reprises, avec des photos retraitées et décrites ; - la table de correspondance et les 240 redirections 301 ; - l’audit d’accessibilité final et la déclaration d’accessibilité ; - un guide de contribution accessible (titres, liens, images) et une demi-journée de formation ; - la [maintenance du site WordPress](https://studiofogg.fr/services/maintenance-site-internet-nantes) : mises à jour du cœur et des extensions, sauvegardes, surveillance. ## Les résultats À la mise en ligne, l’audit mesure 92 % de conformité au RGAA 4.1.2 : le site est donc partiellement conforme. Parmi les non-conformités restantes figurent d’anciens PDF de concours, dont la reprise est planifiée. Les pages projets s’affichent en 1,8 s sur mobile (LCP), contre 5,9 s auparavant. Le trafic venu de Google a connu un léger creux les trois premières semaines, le temps que les nouvelles adresses soient explorées, puis il a dépassé son niveau d’origine : +18 % de visites en six mois. Le cabinet joint désormais des liens vers ses fiches projets dans ses candidatures aux marchés publics. Une refonte sans table de correspondance des URL peut effacer en quelques semaines des positions construites pendant des années. Établissez-la avant les maquettes, pas la veille de la mise en ligne. ## Sitemap See the full [sitemap](https://studiofogg.fr/sitemap.md) for all pages.