Audit RGAA 4.1 — site internet de la commune de Saint-Aubin-les-Ormes

Criticité

Bloquant

Pages

P02 Contact, P07 Réservation de salle

Type

Correction rapide

Charge estimée

1 jour

Constat. Les six champs du formulaire de réservation et le champ « Courriel » du formulaire de contact n'ont pas de balise <label> : l'intitulé n'est porté que par l'attribut placeholder, qui disparaît dès la saisie et n'est pas restitué de manière fiable. Le champ de recherche de l'en-tête n'a aucun intitulé.

<input type="text"
  placeholder="Nom de l'association">
<input type="text"
  placeholder="Date souhaitée">

<label for="asso">Nom de l'association</label>
<input type="text" id="asso" name="asso"
  autocomplete="organization">

<label for="date">Date souhaitée
  <span>(format JJ/MM/AAAA)</span></label>
<input type="text" id="date" name="date"
  inputmode="numeric">

Impact usager. Une personne aveugle entend « édition » sur chaque champ, sans savoir quoi saisir : la démarche est impossible à finaliser en autonomie. La disparition du texte indicatif pénalise aussi les personnes ayant des troubles de l'attention ou de la mémoire.

Criticité

Bloquant

Pages

Toutes les pages (feuille de styles globale)

Type

Correction rapide

Charge estimée

0,5 jour

Constat. La feuille de styles supprime l'indicateur de focus sur l'ensemble du site. Un usager naviguant à la tabulation ne sait jamais où il se trouve.

*:focus { outline: none; }

:focus-visible {
  outline: 3px solid #1f4e8c;
  outline-offset: 2px;
}

Impact usager. Blocage complet pour les personnes ayant un handicap moteur qui naviguent au clavier ou au contacteur : sans repère visuel de position, aucune action n'est réalisable de façon fiable.

Criticité

Bloquant

Pages

P01 Accueil, P05 Actualité

Type

Correction rapide

Charge estimée

1 jour

Constat. Les huit pictogrammes de la grille « Démarches » de l'accueil, chacun étant l'unique contenu d'un lien, n'ont pas d'attribut alt ; le logo de la commune, seul contenu du lien vers l'accueil, porte un alt vide. Le lecteur d'écran restitue le nom de fichier ou un lien muet.

<a href="/demarches/etat-civil">
  <img src="picto-04.png">
</a>

<a href="/demarches/etat-civil">
  <img src="picto-04.png"
    alt="État civil : actes et livret de famille">
</a>

Impact usager. Une personne aveugle entend « lien, picto tiret zéro quatre point png » : l'accès aux démarches depuis l'accueil devient une devinette.

Criticité

Bloquant

Pages

Toutes les pages (gabarit commun)

Type

Chantier structurel

Charge estimée

3 jours

Constat. Les sous-menus ne s'ouvrent qu'au survol de la souris ; les entrées de premier niveau sont des <div> cliquables, non focusables, sans rôle ni état. Les rubriques « Démarches » et « Associations » sont inatteignables au clavier et invisibles pour les lecteurs d'écran.

<div class="menu-item"
  onclick="openSub(3)">Vie municipale</div>
<div class="sous-menu" id="sub-3">…</div>

<button type="button" aria-expanded="false"
  aria-controls="sub-3">Vie municipale</button>
<ul id="sub-3" hidden>…</ul>
<!-- ouverture : Entrée / Espace ;
     fermeture : Échap ; focus géré -->

Impact usager. Blocage complet de la navigation pour les usagers au clavier et au lecteur d'écran : des pans entiers du site n'existent tout simplement pas pour eux. Voir la démonstration au clavier seul.

Criticité

Bloquant

Pages

P07 Réservation de salle

Type

Chantier structurel

Charge estimée

1,5 jour

Constat. À la soumission du formulaire, les champs en erreur reçoivent une bordure rouge, sans message texte, sans indication du format attendu et sans restitution aux technologies d'assistance. Aucune suggestion de correction n'est proposée.

if (!dateValide) {
  champ.classList.add("erreur");
  // bordure rouge, rien d'autre
}

<label for="date">Date souhaitée</label>
<input id="date" aria-invalid="true"
  aria-describedby="err-date">
<p id="err-date" class="message-erreur">
  Erreur : la date doit être au format
  JJ/MM/AAAA, par exemple 03/09/2026.
</p>
<!-- + récapitulatif des erreurs en haut
     de page, focus déplacé dessus -->

Impact usager. Une personne aveugle valide le formulaire, n'obtient aucun retour et ignore que sa demande n'est pas partie. Une personne daltonienne ne distingue pas la bordure rouge. La démarche échoue silencieusement.

Criticité

Bloquant

Pages

P08 Publications

Type

Chantier éditorial

Charge estimée

4 jours (modèle + reprise 2025-2026)

Constat. Les comptes rendus du conseil municipal sont des numérisations du document papier signé : chaque page est une image, sans texte sélectionnable, sans structure, sans langue déclarée. Aucune version alternative n'est proposée.

Correction proposée. Produire le PDF directement depuis le traitement de texte (export PDF balisé : titres, ordre de lecture, langue, intitulé de document), et publier en parallèle une version HTML. Reprendre les comptes rendus 2025-2026 ; pour les archives antérieures, documenter une dérogation pour charge disproportionnée dans la déclaration, avec fourniture sur demande sous forme accessible.

Impact usager. Contenu totalement vide pour un lecteur d'écran — la vie démocratique de la commune est inaccessible aux usagers aveugles. La recherche de texte est par ailleurs impossible pour tous les usagers.

Criticité

Majeur

Pages

Toutes les pages

Type

Correction rapide

Charge estimée

1 jour

Constat. Deux mesures représentatives, pour un minimum exigé de 4,5:1 (texte courant) :

• textes secondaires (dates, chapôs) : #999999 sur blanc — rapport mesuré 2,8:1 ;
• bouton « Rechercher » : blanc sur #6f9fd0 — rapport mesuré 2,8:1.

.meta-article { color: #999999; }  /* 2,8:1 */
.btn-rechercher {
  background: #6f9fd0; color: #fff; /* 2,8:1 */
}

.meta-article { color: #595959; }  /* 7,0:1 */
.btn-rechercher {
  background: #1f4e8c; color: #fff; /* 8,3:1 */
}

Impact usager. Les personnes malvoyantes ou âgées, et tout usager en plein soleil sur mobile, ne peuvent pas lire les dates des actualités ni repérer le bouton de recherche.

Criticité

Majeur

Pages

P01 Accueil, P05 Actualité, P08 Publications

Type

Chantier éditorial

Charge estimée

1 jour (avec charte éditoriale)

Constat. Six liens « En savoir plus » sur l'accueil et douze liens « Télécharger » sur la page Publications, sans contexte porté par le lien lui-même.

<a href="/actualites/travaux">
  En savoir plus</a>

<a href="/actualites/travaux">
  En savoir plus<span class="sr-only">
  sur les travaux rue des Écoles</span></a>

Impact usager. La liste des liens d'un lecteur d'écran — mode de navigation courant — égrène douze fois « Télécharger » sans que l'on sache quel document sera obtenu.

Criticité

Majeur

Pages

P01, P05, P07

Type

Chantier structurel

Charge estimée

2 jours

Constat. La page d'accueil n'a pas de <h1> ; les niveaux de titres sont choisis pour leur rendu visuel (un <h4> suit directement un <h2>) ; sur le formulaire de réservation, les intitulés de sections sont de simples <strong>. Les zones en-tête, navigation, contenu principal et pied de page ne sont pas identifiées par des balises structurantes.

<div class="titre-bloc">
  <strong>Vos coordonnées</strong>
</div>

<h2>Vos coordonnées</h2>
<!-- un h1 unique par page,
     niveaux consécutifs h1 → h2 → h3,
     zones balisées header/nav/main/footer -->

Impact usager. La navigation de titre en titre — premier réflexe des utilisateurs de lecteur d'écran — devient inopérante : impossible de se représenter la page ou d'atteindre directement une section.

Criticité

Majeur

Pages

Toutes les pages

Type

Correction rapide

Charge estimée

0,5 jour

Constat. Aucun lien « Aller au contenu » : l'usager clavier retraverse les 38 liens de l'en-tête et du menu sur chaque page avant d'atteindre le contenu. Les zones de page ne sont pas atteignables par les raccourcis de repère (landmarks) des lecteurs d'écran.

<body>
  <div class="haut">…</div>
  <div class="page">…</div>

<body>
  <a class="evitement" href="#contenu">
    Aller au contenu</a>
  <header>…</header>
  <nav aria-label="Menu principal">…</nav>
  <main id="contenu">…</main>
  <footer>…</footer>

Impact usager. Chaque consultation de page coûte plusieurs dizaines de tabulations inutiles aux usagers au clavier ou au contacteur — une fatigue motrice réelle qui décourage l'usage du site.