L’accessibilité, dès la conception

Le site d’une mairie s’adresse à tous les habitants, y compris ceux qui voient mal, lisent difficilement ou naviguent au clavier. C’est aussi une obligation légale. Chaque thème est conçu et testé pour respecter le RGAA, et chaque visiteur peut adapter l’affichage à ses besoins.

  • Quatre thèmes conçus pour le RGAA
  • Des réglages d’affichage pour le visiteur
  • Des garde-fous pour les contenus publiés

Le RGAA et les obligations des communes, expliqués

Fenêtre Paramètres d’affichage avec le thème Kiosque : mode d’apparence clair, sombre ou identique au système, puis police adaptée, interlignage, espacement du texte, justification et liens soulignés.
Les mêmes paramètres d’affichage sur téléphone, avec le thème Lavoir.

Ce qui est garanti par les thèmes

L’accessibilité ne se rajoute pas après coup. Elle est prise en compte dans chaque gabarit, chaque menu et chaque formulaire des quatre thèmes.

  • Contrastes suffisants entre le texte et le fond, en mode clair comme en mode sombre
  • Navigation au clavier dans les menus, les panneaux et les formulaires, avec un focus toujours visible
  • Lecteurs d’écran : titres structurés, liens explicites, menus et suggestions annoncés
  • Affichage sur 320 pixels de large et zoom du texte, sans rien perdre
  • Formulaires avec étiquettes, aides à la saisie et messages d’erreur clairs
  • Animations qui s’arrêtent quand le visiteur l’a demandé à son système

Chaque visiteur règle son affichage

Les paramètres d’affichage sont à un clic, en haut de chaque page. Les réglages s’appliquent tout de suite et restent mémorisés sur l’appareil.

  • Mode clair, sombre ou identique au système
  • Police OpenDyslexic, conçue pour les personnes dyslexiques
  • Interlignage et espacement du texte augmentés
  • Justification supprimée
  • Tous les liens soulignés, pour les repérer sans se fier à la couleur
Page Déchets avec le thème Lavoir, affichée avec la police OpenDyslexic, un interlignage augmenté et les liens soulignés.

Un vrai mode sombre

Chaque thème a sa version sombre, avec ses propres couleurs et un logo adapté : moins d’éblouissement pour les personnes sensibles à la lumière, et plus de confort le soir.

L’affichage allégé

Pour une connexion lente ou un forfait limité, l’affichage allégé retire les images décoratives et remplace les vidéos par un lien. La mise en page reste la même, et rien d’inutile n’est téléchargé.

Page d’accueil en mode sombre sur téléphone, avec le thème Kiosque.

Des garde-fous pour ce que publie la mairie

Un site conforme le jour de sa mise en ligne peut cesser de l’être au fil des publications : une image sans description, un PDF scanné. Le site aide vos agents à rester dans les clous.

Le contrôle des PDF

Le site vérifie si chaque publication du kiosque est un PDF balisé, lisible par un lecteur d’écran. Sinon, il le signale et propose d’en publier une version à lire en ligne.

La mention de conformité

La mention « Accessibilité : totalement, partiellement ou non conforme » exigée par la loi s’affiche en pied de page. Elle se règle d’un clic, en accord avec la déclaration d’accessibilité.

Les pages obligatoires

Le site est livré avec un modèle de page Accessibilité, qui reprend la structure de la déclaration, et une page de demande de document accessible.

Liste des publications du kiosque dans l’administration, avec une colonne indiquant l’accessibilité de chaque document.
Onglet Accessibilité des options du site : état de conformité au RGAA, avec les choix Totalement conforme, Partiellement conforme et Non conforme, et le rappel des seuils.

Et l’audit ?

Le site est-il conforme dès sa livraison ?
Les thèmes sont conçus pour l’être. Mais la conformité porte sur le site en ligne, avec vos contenus : elle se constate par un audit, dont les résultats sont publiés dans la déclaration d’accessibilité. La formule Complet comprend un accompagnement à cette déclaration.
Que doit faire la mairie au quotidien ?
Décrire les images qu’elle publie, préférer le texte en ligne au PDF, donner des intitulés clairs aux liens. Le site le rappelle au bon moment, dans les formulaires et dans l’éditeur.

À voir en situation

La fonctionnalité est en place sur le site de démonstration, avec les quatre thèmes. Nous pouvons aussi vous la présenter à partir des contenus de votre commune.

Agence SBA
1 rue Évariste Galois
86130 Jaunay-Marigny

05 49 49 49 50
contact arobase agence-sba.com

Les autres fonctionnalités