L’accessibilité, dès la conception
Le site d’une commune 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
Description de la vidéo
- Sur l’accueil du site, avec le thème Panorama, le visiteur ouvre « Paramètres d’affichage » en haut de la page.
- Il choisit le mode d’apparence sombre : tout le site passe aussitôt en couleurs sombres.
- Dans « Confort de lecture », il choisit la police adaptée à la dyslexie, puis augmente l’interlignage et l’espacement du texte.
- Il ferme la fenêtre : le texte d’accueil s’affiche avec ces réglages, mémorisés sur son appareil.
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
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é.
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.
Des chiffres lisibles par tous
Budget, résultats d’élections, évolution de la population : le bloc Graphique les présente en camembert, en anneau, en barres ou en courbes. Les chiffres se saisissent dans un tableau, directement dans l’éditeur, sans tableur ni image à fabriquer.
- Les données du graphique sous forme de tableau, à déplier sous chaque graphique
- Des motifs et des formes de points en plus des couleurs, pour qui ne les distingue pas
- Des couleurs aux contrastes vérifiés sur les quatre thèmes, en mode clair comme en sombre
- Au-delà de six parts, les plus petites sont regroupées, et l’éditeur propose des barres
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é. Toutes les formules comprennent l’audit initial et la déclaration d’accessibilité.
- 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