Démonstration Eure Horizon · Commune et contenus fictifs · Aucune démarche transmise
Lauzes-d’AmontVotre mairie · Services et vie localeRetour à Eure Horizon

Comprendre avec la démonstration

Le RGAA, concrètement sur ce site.

Douze exemples illustrés pour voir ce que nous avons préparé, à quoi cela sert et comment cela a été vérifié.

Le RGAA se remarque dans l’usage.

Un site accessible peut ressembler à un autre site. La différence apparaît quand on utilise le clavier, quand on ne voit pas une image ou quand on doit corriger un formulaire. Voici des aménagements présents dans notre démonstration, avec leurs captures et les vérifications réellement effectuées.

Les flèches sont expliquées en texte sous chaque image ou à côté. Cette page pédagogique ne constitue pas un audit de conformité.

Exemple 01

Aller directement à l’essentiel

Pour une personne qui utilise le clavier, parcourir tout le menu à chaque page serait fastidieux.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Un raccourci au début de la page. Le lien « Aller au contenu » apparaît quand on appuie sur Tabulation depuis le début de la page.
  2. Un repère visible. Le contour permet de repérer l’élément sélectionné au clavier. La touche Entrée place ensuite le focus dans le contenu principal.

Vérifié sur cet exemple : apparition du lien au clavier, contour visible et arrivée du focus sur le contenu principal. Cela ne vérifie pas à lui seul tous les parcours au clavier.

Essayer depuis l’accueil Ouvrez l’accueil, puis appuyez sur Tabulation et Entrée.

Repères RGAA : 12.7 et 10.7. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 02

Expliquer une erreur, puis aider à la corriger

Un cadre rouge ne suffit pas : il faut comprendre ce qui manque et comment le corriger.

123
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Les erreurs sont rassemblées. Le formulaire vide affiche deux explications. Le focus arrive sur ce résumé ; chaque lien conduit au champ à corriger.
  2. Le champ garde son nom. L’intitulé « Adresse e-mail fictive (obligatoire) » reste visible. Il est relié au champ dans la structure de la page.
  3. La correction est expliquée en mots. Le message donne le format attendu. L’information ne dépend donc pas seulement du rouge.

Vérifié sur cet exemple : deux erreurs à vide, focus du résumé, lien vers le champ e-mail, étiquettes et consignes reliées aux champs. La restitution par lecteur d’écran reste à tester.

Essayer le formulaire fictif Laissez les champs vides et activez « Vérifier ma demande fictive ». Aucun message n’est transmis.

Repères RGAA : 11.1, 11.10 et 11.11. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 03

Une image a aussi besoin d’être comprise sans être vue

Il ne suffit pas d’ajouter un titre à l’image. Pour une image informative, une description alternative doit transmettre l’information utile.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Une description dans la page. L’image possède cette alternative : Village fictif de montagne aux maisons de pierre et aux toits de lauze. Elle est destinée notamment aux outils qui restituent les images en texte.
  2. Une légende pour tous. Sous l’image, une phrase précise qu’il s’agit d’une illustration imaginée pour la démonstration.

Vérifié sur cet exemple : présence et contenu de la description dans l’attribut alt de l’image publiée. Une légende visible précise aussi : « Illustration de Lauzes-d’Amont, imaginée pour cette démonstration. » La restitution par lecteur d’écran n’a pas encore été testée.

Voir l’image dans l’accueil

Repères RGAA : 1.1 et 1.3. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 04

Des titres qui organisent vraiment la page

Un grand texte peut sembler être un titre sans être reconnu comme tel par les outils d’assistance.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Une rubrique de niveau 2. « Les services à portée de main. » annonce les accès aux services.
  2. Des rubriques et sous-rubriques. Les entrées comme « Papiers et état civil » sont de niveau 3, sous le titre de la rubrique.

Vérifié sur cet exemple : un seul titre de niveau 1 sur l’accueil, « Un village à vivre, un horizon à partager. » ; niveaux 2 puis 3 présents dans sa structure. La capture illustre le résultat visuel, le contrôle a aussi porté sur les niveaux réellement déclarés.

Parcourir les rubriques de l’accueil

Repères RGAA : 9.1. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 05

Relier un horaire au bon jour

Dans un tableau, lire « 9 h – 12 h » ne suffit pas si l’on ne sait pas à quel jour ou à quelle période cela correspond.

123
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Un titre associé au tableau. Il annonce « Accueil du secrétariat — exemple d’organisation ».
  2. Des colonnes nommées. Jour, Matin et Après-midi sont déclarés comme en-têtes de colonnes.
  3. Des lignes identifiées. Lundi, Mercredi et Vendredi sont déclarés comme en-têtes de lignes.

Vérifié sur cet exemple : titre associé au tableau, cellules d’en-tête et indication de leur portée en ligne ou en colonne. Ces relations sont présentes dans la page ; leur restitution avec les lecteurs d’écran reste à vérifier.

Consulter le tableau d’horaires

Repères RGAA : 5.4, 5.6 et 5.7. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 06

Rendre les textes suffisamment distincts du fond

Le contraste se mesure. L’impression de lisibilité donnée par une capture n’est pas une preuve suffisante.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Le texte d’introduction. Sur le fond crème, son contraste mesuré est de 6,64:1.
  2. Le bouton principal. Son texte blanc sur fond bleu-vert présente un contraste de 11,39:1.

Vérifié sur cet exemple : calcul à partir des couleurs réellement appliquées dans l’accueil : #435a62 sur #f7f4ed et #ffffff sur #173f49. Ces deux couples dépassent le seuil de 4,5:1 utilisé pour le texte courant. Cela ne valide pas toutes les couleurs et tous les états du site.

Voir les textes et les boutons

Repères RGAA : 3.2. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 08

Savoir où l’on se trouve

Sous le menu, un petit chemin indique la page consultée et permet de revenir à l’accueil.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Un retour vers l’accueil. Le mot Accueil est un lien, identifiable par son soulignement.
  2. Le nom de la page ouverte. « L’agenda du village » termine le chemin. Ce texte est déclaré comme la page courante dans une zone de navigation nommée « Fil d’Ariane ».

Vérifié sur cet exemple : destination du lien et structure du fil d’Ariane dans l’agenda. C’est un repère complémentaire ; ce fil simple ne décrit pas une arborescence à plusieurs niveaux.

Essayer le retour à l’accueil

Repères RGAA : 12.6, pour l’identification des zones de navigation. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 09

Comprendre un lien avant de l’ouvrir

Un lien doit annoncer une destination compréhensible dans son contexte. Le visiteur ne devrait pas devoir deviner derrière un « cliquez ici ».

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Une destination explicite. Le lien Agenda ouvre la page des événements ; Contact conduit aux horaires et au formulaire de simulation.
  2. Un texte reconnaissable comme lien. Le lien Accueil du fil d’Ariane est souligné. Dans le menu, la présentation en navigation donne aussi un contexte aux liens.

Vérifié sur cet exemple : parcours vers l’agenda, les publications, la note HTML et le plan du site. Les liens locaux sont également contrôlés automatiquement. Une destination qui s’ouvre ne prouve pas que tout son contenu est accessible.

Ouvrir les horaires et le contact

Repères RGAA : 6.1 et 10.6. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 10

Lire aussi sur un petit écran

La mise en page se réorganise pour garder les rubriques et les informations disponibles quand la largeur diminue.

12
Capture du site public dans un cadre de 390 pixels, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Le menu reste disponible. Les liens passent sur plusieurs lignes ; aucune rubrique n’est cachée dans cette vue.
  2. Le texte revient à la ligne. L’introduction et les événements occupent la largeur disponible. Le lecteur continue verticalement.

Vérifié sur cet exemple : capture de l’agenda public dans un cadre de 390 pixels (375 pixels utiles avec la barre de défilement) : aucun débordement horizontal mesuré. Les contrôles locaux couvrent aussi 320 pixels. Cela ne remplace pas un essai à 200 % de zoom ni les tests sur tous les appareils.

Ouvrir l’agenda sur votre téléphone

Repères RGAA : 10.11 ; 10.4 reste à vérifier pour le zoom. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 11

Proposer un document lisible directement

La note de présentation s’ouvre comme une vraie page de texte, au lieu d’imposer une photographie d’un document.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Le format est annoncé. La note indique sa version, son caractère fictif et son format HTML.
  2. Un contenu structuré. Le texte est réparti en titres, paragraphes et liste. Il est présent dans la page, et non incorporé dans une image.

Vérifié sur cet exemple : le lien « Lire la note de présentation en HTML » ouvre la note ; son texte, ses titres et sa liste sont présents. Aucun PDF n’est proposé dans cet exemple : l’accessibilité de futurs fichiers PDF devra être évaluée séparément.

Voir la publication et ouvrir sa note

Repères RGAA : 9.1 ; 13.3 pour les futurs documents téléchargeables. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Exemple 12

Donner des explications et une autre façon de trouver une page

Une page d’aide accompagne la navigation ; le plan du site rassemble les destinations de la démonstration.

12
Capture réelle de la démonstration, le 24 septembre 2026. Flèches ajoutées pour l’explication.
Ouvrir la capture complète sans annotations
  1. Des consignes en mots simples. L’aide explique Tabulation, Majuscule + Tabulation, l’activation des liens et le raccourci vers le contenu.
  2. D’autres repères. Elle explique le zoom du navigateur et donne accès au plan du site. La page Accessibilité présente, de son côté, les contrôles et leurs limites.

Vérifié sur cet exemple : lien de l’aide vers le plan activé ; les seize pages sont répertoriées dans ce plan. Les consignes de zoom sont une aide à l’usage, pas la preuve que tous les tests de zoom ont été passés.

Consulter l’aide et ouvrir le plan du site

Repères RGAA : 12.1 et 12.3, pour les moyens de navigation et le plan. Il s’agit de vérifications ciblées, pas d’une validation de tous les tests de ces critères.

Le tour des seize pages

Voici le rôle de chaque page. Cette liste décrit les contenus de la démonstration ; elle n’attribue aucun statut de conformité aux pages.

Accueil
Présente le village, les accès aux services et les premiers événements.
Mairie
Explique les missions, les décisions et les contacts de la commune fictive.
Démarches
Oriente vers les renseignements utiles et les services officiels.
Vie locale
Regroupe les informations de la vie quotidienne, les équipements et les associations.
Actualités
Présente les nouvelles de la commune et conduit à un article détaillé.
Article sur les travaux
Montre comment expliquer un projet et les accès pendant un chantier.
Agenda
Donne les dates, les lieux fictifs et les programmes en texte.
Publications
Présente la note disponible et annonce son format HTML.
Note de présentation
Propose le document fictif sous forme de texte structuré.
Horaires et contact
Réunit le tableau d’horaires et un formulaire de simulation sans envoi.
Aide à la navigation
Explique les touches, le zoom et les moyens de retrouver une page.
Plan du site
Réunit les liens vers les seize pages.
Accessibilité
Documente les contrôles effectués et l’audit restant à réaliser.
Programme d’accessibilité
Illustre une organisation des améliorations ; ce n’est pas le programme officiel d’une mairie.
À propos et données personnelles
Précise le caractère fictif du site et le fonctionnement de la simulation.
Le RGAA en exemples
La présente page relie les captures, les explications et les fonctions à essayer.

Ce que ces exemples prouvent, et leurs limites

Contrôle clavier complémentaire : les seize pages ont été parcourues avec Tabulation et Majuscule + Tabulation dans Chrome sous Windows. Aucun blocage ni encadré manquant n’a été détecté sur les parcours testés. Consulter le périmètre et les résultats du contrôle clavier.

Les captures proviennent du site de démonstration en ligne. Les comportements et la structure décrits ont été vérifiés le 24 septembre 2026 dans Chrome sous Windows. Les nombres repèrent les éléments montrés ; les explications restent disponibles en texte.

Ces exemples ne couvrent pas les 106 critères. Ils ne remplacent ni l’examen des critères applicables, ni les essais avec les lecteurs d’écran et les autres technologies d’assistance. Aucun taux de conformité n’est annoncé.

Lire le bilan des contrôles et les limites de la démonstration

Consulter les critères officiels du RGAA 4.1.2 (site externe)