Coulisses
Ce que le démonstrateur prouve, comment c’est mesuré, et ce qu’il ne prétend pas
Exigences → écrans
Exigences types d’un cahier des charges de refonte de site public. Les références renvoient à la consultation de Thiers Dore et Montagne (septembre 2026), pour laquelle ce démonstrateur fictif a été enrichi.
| Exigence | Référence | Ce que l’on voit | Voir |
|---|---|---|---|
| Site tourné usagers : ne plus classer l’usager (« je suis un habitant… ») | CCTP TDM p. 18 | Accueil par besoins : question, quartier, démarches, lieux | Ouvrir : Site tourné usagers : ne plus classer l’usager (« je suis un habitant… ») |
| Moteur de recherche performant par mots-clés | CCTP TDM p. 20 et 25 | Réponse directe, synonymes du quotidien, fautes de frappe tolérées | Ouvrir : Moteur de recherche performant par mots-clés |
| Informations pratiques : horaires, tournées de collecte | CCTP TDM p. 18 | Page Collecte : 4 prochains passages par quartier, export .ics, guide « où jeter quoi ? » (59 objets), déchèteries ouvertes | Ouvrir : Informations pratiques : horaires, tournées de collecte |
| Horaires fiables, une seule saisie | CCTP TDM p. 18 | Horaires saisis en texte par l’agent → statut « Ouvert · ferme à 18 h » en direct sur l’accueil, les fiches, le plan et la page Horaires | Ouvrir : Horaires fiables, une seule saisie |
| Carte interactive | CCTP TDM p. 19 | Plan SVG sans service tiers : quartiers (collecte) et lieux (ouverture), doublé d’une liste accessible au clavier | Ouvrir : Carte interactive |
| Entrées directes vers les équipements phares | CCTP TDM p. 31 | Deux portes d’entrée sur l’accueil, pilotées par un champ du back-office | Ouvrir : Entrées directes vers les équipements phares |
| Modules actu/agenda, formulaire avancé, inscription | CCTP TDM p. 19 | Agenda à affiches, 3 formulaires en ligne avec erreurs accessibles | Ouvrir : Modules actu/agenda, formulaire avancé, inscription |
| Téléchargements : délibérations, publications | CCTP TDM p. 20 | Documents filtrables par type et année, poids annoncé | Ouvrir : Téléchargements : délibérations, publications |
| Agents autonomes pour publier | CCTP TDM p. 21 et 30 | Administration éditoriale en français : libellés et aides métier, rôles contributeur / responsable | Ouvrir : Agents autonomes pour publier |
| Création de page par un agent non technique | CCTP TDM p. 30 | Page libre composée de blocs (chiffres, texte, FAQ, bouton, contact) | Ouvrir : Création de page par un agent non technique |
| Information urgente | CCTP TDM p. 18 | Bandeau d’alerte activé en un clic dans le back-office | Ouvrir : Information urgente |
| Circuit brouillon → aperçu → publication | CCTP TDM p. 30 | Aperçu dans le vrai gabarit ; la contributrice ne peut pas publier (refus aussi par l’API) | Ouvrir : Circuit brouillon → aperçu → publication |
| RGAA : clavier, contrastes, alternatives | CCTP TDM p. 23 · critère 2 | Liens d’évitement, focus visible, alternative obligatoire dans le back-office, axe-core | Ouvrir : RGAA : clavier, contrastes, alternatives |
| Sobriété : poids, formats, chargement progressif | CCTP TDM p. 24 · CCAP art. 9 | Affiches WebP, chargement différé, aucun script tiers ni traceur | Ouvrir : Sobriété : poids, formats, chargement progressif |
| Sécurité : formulaires protégés, RGPD | CCTP TDM p. 26 | Pot de miel + délai minimal, brouillons jamais exposés, médias privés par défaut | Ouvrir : Sécurité : formulaires protégés, RGPD |
| Référencement naturel | RC TDM art. 5 · critère 2 | Titres et descriptions uniques, URL lisibles, données structurées schema.org | Ouvrir : Référencement naturel |
Mesures
| Page | Version | Poids transféré | Requêtes | JavaScript | Anomalies axe-core |
|---|---|---|---|---|---|
| /avant | avant | 509 ko | 13 | 0 ko | 2 |
| /apres | après | 441 ko | 13 | 0 ko | 0 |
| /apres/recherche?q=poubelle+bel+air | après | 210 ko | 8 | 0 ko | 0 |
| /apres/demarches | après | 348 ko | 11 | 0 ko | 0 |
| /apres/agenda | après | 209 ko | 9 | 0 ko | 0 |
| /apres/documents | après | 207 ko | 8 | 0 ko | 0 |
| /apres/pages/vivre-a-roche-sur-lande | après | 207 ko | 8 | 0 ko | 0 |
| /avant/collecte | avant | 244 ko | 9 | 0 ko | 2 |
| /apres/collecte | après | 222 ko | 8 | 0 ko | 0 |
| /apres/plan | après | 221 ko | 8 | 0 ko | 0 |
| /apres/contacts | après | 174 ko | 7 | 0 ko | 0 |
| /apres/equipements | après | 471 ko | 12 | 0 ko | 0 |
Méthode (23 septembre 2026) : Chromium sans cache, fenêtre 1440 px, build de production local ; axe-core, règles WCAG 2.1 A et AA. Un contrôle automatisé couvre une partie seulement du RGAA : il ne remplace pas l’audit manuel. Aucun taux de conformité n’est revendiqué.
Architecture
CMSback-office éditorial, rôles, médias, aperçu
Astropages HTML légères, îlots interactifs seulement où utile
SQLSQLite ici ; PostgreSQL en production
0cookie, traceur, police ou script tiers
Les pages publiques ne lisent que les contenus publiés. Les brouillons ne sont visibles que dans l’aperçu authentifié, côté serveur, avec un secret partagé. Les médias sont privés par défaut et servis uniquement s’ils sont rattachés à un contenu publié.
Ce que le démonstrateur ne prétend pas
- Roche-sur-Lande est une ville fictive : contenus, adresses, jours de collecte et délibérations sont inventés.
- L’« avant » est une ancienne version créée pour l’exemple ; ses défauts sont ceux que l’on rencontre souvent sur les sites publics.
- Aucun audit RGAA n’a été réalisé ; les contrôles publiés sont automatisés et ciblés.
- Les formulaires n’envoient ni ne conservent aucune donnée.