Les erreurs d'accessibilité les plus fréquentes sur un site de mairie

Les erreurs d'accessibilité les plus fréquentes sur un site de mairie

L'accessibilité paraît technique, elle est en réalité très concrète : une affiche publiée en image, un lien « cliquez ici », un texte gris clair. Voici les dix erreurs que l'on retrouve sur presque tous les sites communaux, celles qui dépendent de vous et celles qui dépendent de votre outil.

Deux familles d'erreurs

Quand une commune découvre ses obligations d'accessibilité, la réaction est souvent le découragement : le sujet paraît technique, réservé à des spécialistes. Il l'est en partie, mais la moitié des problèmes provient des contenus publiés au quotidien, pas du code du site.

C'est une bonne nouvelle : ces erreurs-là, votre secrétariat peut les corriger seul, sans budget et sans prestataire. Commençons par elles.

Les erreurs qui dépendent de vous

1. Publier une affiche en image

C'est l'erreur numéro un dans les communes, et la plus lourde de conséquences. L'affiche du repas des aînés, du vide-greniers ou de la collecte des encombrants est publiée telle quelle, en image. Pour un logiciel de lecture d'écran, cette image est vide : la date, l'heure, le lieu et le tarif n'existent pas. L'information est perdue pour la personne aveugle, mais aussi pour Google, et pour tout habitant dont la connexion charge mal les images.

La correction est simple : reprenez les informations essentielles en texte sous l'affiche. Trois lignes suffisent : quoi, quand, où, combien. L'affiche reste, l'information devient accessible.

2. Les images sans alternative textuelle

Chaque photo doit porter une courte description, saisie au moment de l'ajout. Inutile d'en faire trop : « la place du village sous la neige » suffit. Pour une image purement décorative, l'alternative peut rester vide — c'est même la bonne pratique. Ce qui compte, c'est que toute image porteuse d'information ait son équivalent en texte.

3. Les liens « cliquez ici » et « en savoir plus »

Les utilisateurs de lecteurs d'écran naviguent souvent en parcourant la liste des liens d'une page. Une liste de quinze « en savoir plus » ne mène nulle part. Écrivez ce vers quoi le lien mène : « télécharger le compte rendu du conseil du 12 mars » plutôt que « cliquez ici ». C'est aussi meilleur pour le référencement.

4. Utiliser les titres pour la mise en forme

Mettre un mot en gros et en gras ne crée pas un titre. Les titres doivent être posés avec les niveaux prévus par l'éditeur — titre 2, titre 3 — car ce sont eux qui construisent le plan de la page et permettent d'y naviguer. À l'inverse, il ne faut pas utiliser un niveau de titre juste parce qu'il « fait joli ». Un plan logique, sans niveau sauté.

5. Les documents PDF scannés

Un compte rendu passé au scanner est une photographie de texte : illisible pour un lecteur d'écran, non consultable sur téléphone, invisible pour les moteurs de recherche. C'est un sujet à part entière, que nous traiterons dans un prochain article. La règle immédiate : exportez vos documents en PDF depuis votre traitement de texte, ne les scannez pas.

6. Écrire en majuscules

Un titre entièrement en capitales est plus difficile à lire pour tout le monde, et certains lecteurs d'écran l'épellent lettre par lettre. Réservez les majuscules aux sigles.

Les erreurs qui dépendent de votre site

7. Les contrastes insuffisants

Le gris clair sur fond blanc est élégant sur l'écran du concepteur, illisible pour un habitant de 75 ans en plein soleil. Les niveaux de contraste minimaux sont normés, et cela concerne aussi les textes sur photo, les boutons et les liens. C'est un choix de conception, pas une option : votre secrétariat n'y peut rien.

8. Les formulaires sans étiquette

Un champ dont le libellé n'apparaît qu'en gris à l'intérieur de la case disparaît dès qu'on commence à saisir, et n'est pas annoncé par les lecteurs d'écran. Chaque champ doit porter une étiquette visible, et les messages d'erreur doivent expliquer ce qui ne va pas.

9. Les carrousels qui défilent tout seuls

Une bannière qui change d'image toutes les trois secondes empêche de lire, gêne les personnes ayant des troubles de l'attention, et peut poser problème aux personnes photosensibles. Si vous en avez un, il doit pouvoir être arrêté — et, très souvent, il vaut mieux ne pas en avoir du tout.

10. L'information portée uniquement par la couleur

« Les dates en rouge sont annulées » : cette phrase exclut les personnes daltoniennes. Ajoutez toujours un mot, un symbole ou une mention explicite. Cela vaut aussi pour les champs obligatoires d'un formulaire, à ne pas signaler par la seule couleur.

Comment procéder sans se décourager

N'essayez pas de tout reprendre d'un coup. La méthode qui fonctionne :

  1. Traitez les pages les plus vues d'abord : accueil, contact, horaires, démarches. Elles représentent l'essentiel du trafic.
  2. Prenez le réflexe sur les nouveaux contenus : alternative d'image, lien explicite, texte sous les affiches. Trente secondes par publication.
  3. Consignez ce qui reste dans votre schéma pluriannuel. Rappelons-le, car cela déculpabilise : déclarer honnêtement « non conforme » avec un plan de progression vous place en situation régulière, alors que ne rien publier ne l'est pas. Voir déclaration d'accessibilité : les trois documents que votre site doit publier.

Ce que HelloMairie règle à votre place

Les erreurs 7 à 10 relèvent du socle du site. Elles sont traitées en amont dans HelloMairie : contrastes vérifiés sur l'ensemble des thèmes, titres correctement hiérarchisés, formulaires étiquetés, navigation au clavier, lien d'évitement, aucun carrousel automatique imposé. Vous ne partez donc pas d'un site à reprendre entièrement.

Pour les erreurs 1 à 6, qui dépendent de vos publications, l'éditeur vous accompagne : le champ d'alternative textuelle est proposé à chaque image, les niveaux de titre sont ceux prévus, et vos agents n'ont pas à connaître la moindre notion technique. Nous ne prétendons pas rendre votre site parfait — aucun éditeur ne peut le garantir puisque cela dépend aussi de ce que vous publiez —, mais vous partez d'une base saine. Notre page accessibilité du site d'une mairie détaille cette approche.

Rendre l'information accessible autrement

Un dernier point, souvent oublié dans les discussions techniques. Une partie de vos habitants ne consultera jamais le site, quelle que soit sa qualité : personnes âgées, personnes isolées, personnes peu à l'aise avec un ordinateur.

L'application mobile de la commune répond à ce besoin autrement : une notification courte, un texte lisible qui suit la taille de police choisie sur le téléphone, aucune manipulation à apprendre. Gratuite pour vos habitants et comprise dans l'abonnement dès 39 € par mois, elle amène l'information à ceux qui n'iraient pas la chercher — ce qui est, au fond, l'objectif même de l'accessibilité.

Regardons votre site avec vous. Demandez votre accès de démonstration : vous recevez par e-mail un site de mairie complet à parcourir. Pendant la présentation gratuite de 30 minutes, nous passons en revue les dix points ci-dessus sur votre site actuel et vous repartez avec la liste de ce qui est corrigeable tout de suite. Sans engagement, à partir de 39 € par mois.

Un site comme ça pour votre commune ?

HelloMairie : un site clair, sécurisé et conçu selon le RGAA, géré par vos agents. Démonstration gratuite, sur une commune d'exemple.

Demander une démo gratuite →