Académique Documents
Professionnel Documents
Culture Documents
Droit de reproduction
Ce document a été réalisé selon le modèle défini par la DINSIC dans le kit d’audit RGAA 3 sous
licence ouverte 1.0 ou ultérieure.
N° Page
1 https://www.lemoule.fr/
2 https://www.lemoule.fr/nous-contacter
3 https://www.lemoule.fr/le-contrat-de-ville
4 https://www.lemoule.fr/le-contrat-de-ville?start=6
5 https://www.lemoule.fr/le-contrat-de-ville/887-appel-a-projets-2019
6 https://www.lemoule.fr/demarches/naissance/acte-de-naissance
https://www.lemoule.fr/rechercher?
7
searchword=moule&searchphrase=all
8 https://www.lemoule.fr/rechercher?searchword=&searchphrase=all
https://www.lemoule.fr/rechercher?
9
searchword=moule123456&searchphrase=all
10 https://www.lemoule.fr/plan-du-site
11 https://www.lemoule.fr/demarches/solidarite-col-237
12 https://www.lemoule.fr/vous-etes-un-nouveau-resident
13 https://www.lemoule.fr/tout-l-agenda/list (du 10 mars au 30 juin)
14 https://www.lemoule.fr/annuaire-de-la-ville
15 https://www.lemoule.fr/annuaire-de-la-ville/2-services-mairie
16 https://www.lemoule.fr/annuaire-de-la-ville/37-mairie
17 https://www.lemoule.fr/plan-de-la-ville
18 https://www.lemoule.fr/restaurants-scolaires
Accessibilité du site
Malgré le fait que beaucoup de critères reste non applicables, le site n’est pas accessible. Il y a un
minimum de 22 critères redondants non conformes qui empêchent l’accessibilité de presque toutes
les pages.
Une attention particulière doit être portée à la correction des couleurs, la génération des images
d’illustrations et les formulaires qui sont des problèmes récurrents sur les sites mais qui peuvent être
évité. De plus la pertinence de certaines informations est à améliorer.
Plusieurs de ces modifications devraient être réalisées directement dans la génération des modèles
des pages et auront un impact immédiat sur l’accessibilité de toutes les pages auditées.
Résumé des tableaux d’audit de conformité pour le niveau double A :
Images
Donner à chaque image porteuse d’information une alternative textuelle pertinente et une
description détaillée si nécessaire. Lier les légendes à leurs images. Remplacer les images textes par
du texte stylé lorsque c’est possible.
Résultats d’audit
Critère 1. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 A X
5 A X
6 A X
7 A X
8 AA X
9 AAA X
10 A X
Détail des critères non conformes
Critère 1.1 [A] Chaque image a-t-elle une alternative textuelle ?
Sur certaines pages qui liste du contenu, les images d’illustration n’ont pas d’attribut « alt » défini.
1. URL : https://www.lemoule.fr/vous-etes-un-nouveau-resident
Sur la page ci-dessus les images utilisées pour la décoration des zones de texte « Je souhaite
pratiquer une activité culturelle ou sportive » n’a pas l’attribut.
2. URL : https://www.lemoule.fr/annuaire-de-la-ville/37-mairie
Sur la page ci-dessus les tuiles qui composent la carte n’ont pas d’attribut « alt ». Il faut soit
changer de fournisseur de carte, soit mettre en place une alternative qui permettrait d’ajouter
l’attribut manquant.
Critère 1.3 [A] Pour chaque image porteuse d'information ayant une alternative
textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
Les alternatives textuelles doivent correspondre au contenu de l’image ou à la fonction indiquée par
l’image.
1. URL : https://www.lemoule.fr/
Sur la page ci-dessus il y a beaucoup d’icônes qui peuvent être utilisé comme image de
décoration comme les images qui composent le bandeau bleu « Touriste, Nouveau résident,
Parent, ... »
2. URL : https://www.lemoule.fr/
Sur la page ci-dessus le contenu de l’attribut « alt » de la bannière « Portail Famille de la
ville du Moule » indique « Msaplemoule » qui n’est pas du tout pertinent.
Critère 1.6 [A] Chaque image porteuse d'information a-t-elle, si nécessaire, une
description détaillée ?
1. URL : https://www.lemoule.fr/
Sur la page ci-dessus la banière « Maison de service public » devrait contenir un attribut
« longdesc » contenant l’URL marquée sur l’image. Toutefois, renseigner correctement
l’attribut « alt » de l’image permettrait de se passer de cette modification.
Résultats d’audit
Critère 2. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
Détail des critères non conformes
Critère 2.1 [A] Chaque cadre en ligne a-t-il un titre de cadre ?
1. Les vidéos sur le côté intégrées depuis Youtube n’ont pas de titre de cadre.
URL : https://www.lemoule.fr/le-contrat-de-ville/
Les vidéos sur le côté intégré depuis Youtube n’ont pas d’attribut « title ». Un attribut
« title » avec comme contenu le titre de la vidéo doit être défini.
Critère 2.2 [A] Pour chaque cadre en ligne ayant un titre de cadre, ce titre de cadre
est-il pertinent ?
Certaines vidéos intégrées depuis Youtube ont un titre non-pertinent.
1. URL : https://www.lemoule.fr/
La vidéo dans l’encart « Moul’ TV » a pour titre « Simple youtube module by
JoomShaper.com » au lieu du titre de la vidéo « Les vœux du Maire »
Résultats d’audit
Critère 3. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 AA X
4 AAA X
Détail des critères non conformes
Critère 3.1 [A] Dans chaque page web, l'information ne doit pas être donnée
uniquement par la couleur. Cette règle est-elle respectée ?
Cette règle n’est pas respectée et crée des confusions sur les fonctions des widgets.
1. URL : https://www.lemoule.fr/
Les liens « Toutes les actualités » ont strictement la même forme que les titres Agenda /
Travaux, incidents, communiqués … L’information de lien n’est pas différenciable.
2. URL : Global à tout le site
Le rouge véhicule aussi bien l’idée de titre que de lien.
Critère 3.2 [A] Dans chaque page web, l'information ne doit pas être donnée
uniquement par la couleur. Cette règle est-elle implémentée de façon pertinente ?
Pour éviter des confusions il faut sélectionner des formes et des couleurs qui évitent le doute entre
les titres et les liens.
1. URL : Global à tout le site
« Signaler un problème sur cette page » est un lien cliquable définit par la couleur et la
réduction de taille du texte. Cette solution diminue la lisibilité et peut entraîner des
confusions car tous les autres liens ont pour définition la couleur bleu et le texte en gras. Il
serait donc pertinent de rendre ce lien identique.
Critère 3.3 [AA] Dans chaque page web, le contraste entre la couleur du texte et la
couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?
Certaines alliances de couleurs ne permettent pas de garantir un contraste suffisant.
• URL : Global à tout le site
Le bleu « #02A3BF » sur fond blanc ou inversement choisi pour l’ensemble des liens
n’est valide que pour des textes de grande taille. Actuellement cela n’est pas conforme. Il
faudrait foncer ce bleu en sélectionnant par exemple la couleur suivante : « #368093 »
Résultats d’audit
Critère 4. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 A X
5 AA X
6 AA X
7 AA X
8 AA X
9 AAA X
10 AAA X
11 AAA X
12 AAA X
13 AAA X
14 AAA X
15 A X
16 A X
17 A X
18 A X
19 AAA X
20 A X
21 A X
22 A X
Critère 4.7 [AA] Chaque média temporel pré-enregistré a-t-il, si nécessaire, une
audiodescription synchronisée (hors cas particuliers) ?
Actuellement sur l’ensemble des pages auditées les seuls médias temporels visibles sont intégrés
depuis Youtube. Pour des questions de coût et de gestion au niveau de la mairie cette règle sera
dérogée.
Critère 4.22 [A] Chaque média temporel et non temporel est-il compatible avec les
technologies d'assistance (hors cas particuliers) ?
Actuellement sur l’ensemble des pages auditées les seuls médias temporels visibles sont intégrés
depuis Youtube. Pour des questions de coût et de gestion au niveau de la mairie cette règle sera
dérogée.
Résultats d’audit
Critère 5. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 A X
5 A X
6 A X
7 A X
8 A X
Détail des critères non conformes
Critère 5.4 [A] Chaque tableau de données a-t-il un titre ?
Les tableaux saisis par les webmestres n’ont pas de titre via la balise « caption »
1. URL : https://www.lemoule.fr/necrologie
Chaque tableau doit avoir une balise « caption » qui renseigne un titre comme « Nécrologie
du mois de juillet 2018 »
2. URL : https://www.lemoule.fr/restaurants-scolaires
Le titre « Menus du 28 au 29 mai 2019 » devrait être dans une balise « caption » à l’intérieur
du tableau
Critère 5.6 [A] Pour chaque tableau de données, chaque en-tête de colonnes et
chaque en-tête de lignes sont-ils correctement déclarés ?
Les tableaux saisis n’utilisent pas les balises « th » nécessaires pour déclarer les entêtes de
colonnes.
1. URL : https://www.lemoule.fr/restaurants-scolaires
Les jours de la semaine devraient être déclarés dans des balises « th » et pas « td »
Résultats d’audit
Critère 6. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 AAA X
4 A X
5 A X
Détail des critères non conformes
Critère 6.1 [A] Chaque lien est-il explicite (hors cas particuliers) ?
Les liens ne sont pas tous explicites.
1. URL : Global à toutes les pages.
Les liens pour « Agrandir » et « Réduire » le texte sont définis avec deux lettres « A » de
taille différentes. Ce n’est pas pertinent.
2. URL : https://www.lemoule.fr/le-contrat-de-ville/
Les liens de pagination sont définis ainsi : « 1 », « 2 », etc. Or, la pagination nécessite un
texte ou un titre comme « Pagination » ou « Page » avant les liens afin de rendre le contexte
compréhensible.
Critère 6.2 [A] Pour chaque lien ayant un titre de lien, celui-ci est-il pertinent ?
Certains attributs « title » sont des redites du texte du lien ou sont vides.
1. URL : https://www.lemoule.fr/
Les liens « Toutes les actualités » en rouge ont pour title « Toutes les actualités ». Cela est
inutile et donc pas pertinent.
2. URL : https://www.lemoule.fr/le-contrat-de-ville/
Les liens de pagination ont des « title » qui sont des redites du texte. Cela est inutile et donc
pas pertinent. Il faudrait éventuellement y mettre du contexte comme « Page 1 », « Page 2 »,
etc.
Critère 6.5 [A] Dans chaque page web, chaque lien, à l'exception des ancres, a-t-il un
intitulé ?
Beaucoup de liens sont vides à cause des choix graphiques.
Résultats d’audit
Critère 7. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 A X
Script alterative sur les animations
5 AAA X
Détail des critères non conformes
Critère 7.1 [A] Chaque script est-il, si nécessaire, compatible avec les technologies
d'assistance ?
Les composants d’interface contrôlés avec les scripts n’ont pas nécessairement d’alternative alors
qu’ils transmettent une information.
1. URL : https://www.lemoule.fr/
Le carrousel d’actualité disparaît quand le script n’est pas chargé. L’ensemble des
informations qui y sont contenues sont perdues. De plus ce composant ne notifie pas ses
changements d’état
2. URL : https://www.lemoule.fr/demarches/naissance/acte-de-naissance
Le composant « Vous êtes » permettant de naviguer dans le site est déclenché par script mais
aucune indication sur le « rôle » n’est donnée.
3. URL : https://www.lemoule.fr/tout-l-agenda/list
Le moteur de recherche de l’agenda entraîne un rechargement de la page pour créer une
navigation mais aucune indication sur le « rôle » ou les valeurs ne sont données.
Critère 7.3 [A] Chaque script est-il contrôlable par le clavier et la souris (hors cas
particuliers) ?
Certains scripts qui créent une navigation ne sont pas contrôlables par le clavier
1. URL : https://www.lemoule.fr/nous-contacter
Le composant « Vous êtes » se déclenche dès le changement de valeur. Il est impossible
pour quelqu’un qui navigue au clavier de choisir sa page.
2. URL : https://www.lemoule.fr/tout-l-agenda/list
Le filtre de recherche dans l’agenda se déclenche dès le changement de valeur. Il est
impossible pour quelqu’un qui filtre au clavier de finir sa sélection.
Résultats d’audit
Critère 8. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 A X
5 A X
6 A X
7 AA X
8 AA X
9 A X
10 A X
Détail des critères non conformes
Critère 8.2 [A] Pour chaque page web, le code source est-il valide selon le type de
document spécifié (hors cas particuliers) ?
Des blocs sont construits sans correspondre aux logiques d’imbrication conforme des balises
utilisées et les mauvais attributs sont utilisés sur les balises.
1. URL : https://www.lemoule.fr/
Les attributs « target » ou « href » sont utilisés sur des balises « div » alors qu’elles
devraient l’être sur des balises « a »
2. URL : https://www.lemoule.fr/necrologie
Des balises « p » sont fermées alors qu’elles n’ont pas été ouvertes
Critère 8.6 [A] Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?
Les pages qui changent en fonction du contexte ne changent pas leur titre de page.
1. URL : https://www.lemoule.fr/rechercher?searchword=moule&searchphrase=all
Cette page est le résultat de la recherche « moule » mais le titre est juste « Rechercher ». Il
serait pertinent d’écrire « Résultat de recherche — « moule » »
2. URL : https://www.lemoule.fr/tout-l-agenda/list
Les résultats de l’agenda changent en fonction de la date sélectionnée dans le filtre hors le
Critère 8.9 [A] Dans chaque page web, les balises ne doivent pas être utilisées
uniquement à des fins de présentation. Cette règle est-elle respectée ?
Certaines balises hors « div, span et table » sont utilisées uniquement pour charger un composant
d’interface
1. URL : https://www.lemoule.fr/annuaire-de-la-ville/
Les icônes sont intégrées via une balise « i » qui doit être utilisée pour mettre en italique du
contenu. Il faut remplace ces balises « i » par une balise « span ».
Résultats d’audit
Critère 9. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 AAA X
5 AAA X
6 A X
Détail des critères non conformes
Critère 9.1 [A] Dans chaque page web, l'information est-elle structurée par
l'utilisation appropriée de titres ?
Les titres ne s’enchaînent pas de façon cohérente. Il y a des passages de titre 1 à 3 sur certaines
pages.
1. URL : https://www.lemoule.fr/
Le titre 3 « Travaux, incidents, communiqués » vient juste après le titre 1 « Agenda ». Le
titre 2 est manquant.
2. URL : globalement sur toutes les pages internes
Le premier titre de la page est un titre 2. Le titre 1 est manquant
Critère 9.2 [A] Dans chaque page web, la structure du document est-elle cohérente ?
L’arborescence du document n’est pas cohérente.
1. URL : https://www.lemoule.fr/
Le titre 1 de la page est « Agenda » au lieu de « Accueil » et le titre 2 « En un clic » se
retrouve dans la catégorie « Agenda » au lieu d’être totalement dissocié.
2. URL : https://www.lemoule.fr/le-contrat-de-ville/
Le titre des vidéos latérales apparaissent comme appartenant à la catégorie
« Renouvellement urbain et cadre de vie » qui est le dernier article listé dans la pagination
du contenu principal
Critère 9.3 [A] Dans chaque page web, chaque liste est-elle correctement
structurée ?
Les listes ne sont pas systématiquement structurées avec les balises adéquates ou les attributs ARIA
correspondant
Résultats d’audit
Critère 10. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 AA X
5 AA X
6 A X
7 A X
8 AAA X
9 AAA X
10 AAA X
11 AAA X
12 AAA X
13 A X
14 A X
15 A X
Détail des critères non conformes
Critère 10.2 [A] Dans chaque page web, le contenu visible reste-t-il présent lorsque
les feuilles de styles sont désactivées ?
Du texte disparaît quand les feuilles de styles sont désactivées.
1. URL: https://www.lemoule.fr/
L’information « Moul’info » disparaît quand les feuilles de style sont désactivées
Critère 10.4 [AA] Dans chaque page web, le texte reste-t-il lisible lorsque la taille des
caractères est augmentée jusqu'à 200%, au moins (hors cas particuliers) ?
Certains éléments sont inutilisables quand la taille est augmentée.
Critère 10.7 [A] Dans chaque page web, pour chaque élément recevant le focus, la
prise de focus est-elle visible ?
La propriété « outline » a été globalement désactivée sur le site. Il est impossible de voir les prises
de focus lors d’une navigation au clavier
Critère 10.14 [A] Dans chaque page web, l'information ne doit pas être donnée
uniquement par la forme, taille ou position. Cette règle est-elle respectée ?
Dans le menu de navigation quand la page concernant un lien de navigation est active, le lien
devient rouge. Aucune autre indication n’est donnée pour spécifier son activation.
Résultats d’audit
Critère 11. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 AA X
4 A X
5 A X
6 A X
7 A X
8 A X
9 A X
10 A X
11 AA X
12 AA X
13 AAA X
14 AAA X
15 AAA X
Détail des critères non conformes
Critère 11.1 [A] Chaque champ de formulaire a-t-il une étiquette ?
Tous les champs de formulaire n’ont pas d’étiquette ou d’attribut « title ».
1. URL : Globale sur toutes les pages
Le moteur de recherche et le formulaire de « Newsletter » n’ont pas d’étiquette sur leurs
champs
2. URL : https://www.lemoule.fr/nous-contacter
Aucun des champs du formulaire n’est relié à une étiquette via la balise « label »
Critère 11.5 [A] Dans chaque formulaire, les informations de même nature sont-elles
regroupées, si nécessaire ?
Les informations de même nature ne sont pas regroupées.
Critère 11.9 [A] Dans chaque formulaire, l'intitulé de chaque bouton est-il pertinent ?
Les intitulés des boutons ne sont pas pertinents
1. URL : Global à toutes les pages
Le bouton du moteur de recherche est vide
Critère 11.10 [A] Dans chaque formulaire, le contrôle de saisie est-il utilisé de
manière pertinente ?
Les champs obligatoires ne sont pas signalés par les attributs adéquats.
1. URL : https://www.lemoule.fr/signaler
L’attribut « required » est manquant sur les champs obligatoires
Critère 11.11 [AA] Dans chaque formulaire, le contrôle de saisie est-il accompagné, si
nécessaire, de suggestions facilitant la correction des erreurs de saisie ?
Les messages d’erreur ne sont pas pertinents
1. URL : https://www.lemoule.fr/nous-contacter
Quand l’adresse mail est vide le message est « Votre adresse email est vide ». Ce même
message est utilisé si le champ email ne contient pas une valeur valide.
Critère 11.12 [AA] Pour chaque formulaire, les données à caractère financier,
juridique ou personnel peuvent-elles être modifiées, mises à jour ou récupérées par
l'utilisateur ?
Critère non applicable car une erreur sur les formulaires empêche leur soumission complète.
Résultats d’audit
Critère 12. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 AA X
2 AA X
3 AA X
4 AA X
5 AA X
6 AA X
7 AA X
8 AAA X
9 AAA X
10 A X
11 A X
12 AAA X
13 A X
14 A X
Détail des critères non conformes
Critère 12.10 [A] Dans chaque page web, les groupes de liens importants (menu,
barre de navigation…) et la zone de contenu sont-ils identifiés ?
L’API ARIA n’est pas implémentée sur le site
Critère 12.11 [A] Dans chaque page web, des liens d'évitement ou d'accès rapide aux
groupes de liens importants et à la zone de contenu sont-ils présents (hors cas
particuliers) ?
Il n’y a pas de lien d’évitement ou d’accès rapide sur le site
Critère 12.13 [A] Dans chaque page web, l'ordre de tabulation est-il cohérent ?
L’ordre de tabulation n’est pas cohérent. La tabulation passe du nom du site « Ville du Moule » aux
liens de réduction et d’agrandissement du contenu sans passer par les réseaux sociaux.
Résultats d’audit
Critère 13. Niveau Conforme Non Non Dérogé Non testé
conforme applicable
1 A X
2 A X
3 A X
4 AAA X
5 AAA X
6 A X
7 A X
8 A X
9 AAA X
10 AAA X
11 A X
12 A X
13 AAA X
14 AAA X
15 A X
16 AAA X
17 A X
Détail des critères non conformes
Critère 13.2 [A] Dans chaque page web, pour chaque ouverture de nouvelle fenêtre,
l'utilisateur est-il averti ?
Certaines ouvertures vers une nouvelle fenêtre ne sont pas spécifiées à l’utilisateur.
1. URL : https://www.lemoule.fr/le-contrat-de-ville/
Le lien « Voir les vidéos » renvoie sur Youtube. L’utilisateur ne sait pas que ce lien ouvrira
une nouvelle fenêtre. Il faudrait l’indiquer avec un message « (nouvelle fenêtre) »
Critère 13.7 [A] Dans chaque page web, chaque document bureautique en
téléchargement possède-t-il, si nécessaire, une version accessible ?
Tous les documents proposés ne sont pas accessibles et ne proposent pas d’alternative accessible.
1. URL : https://www.lemoule.fr/le-contrat-de-ville/887-appel-a-projets-2019
Le document à télécharger « Appel à projet 2019 » en PDF ne respecte pas certains critères
des documents accessibles, notamment les critères suivants :
- [Critère Doc 9.1 – A] ou Dans chaque page, l’information est-elle structurée par
l’utilisation appropriée de titres ?
- [Critère Doc 9.5 – A] Dans chaque page, les éléments de structure ne doivent pas être
utilisés uniquement à des fins de présentation, cette règle est-elle respectée ?
2. URL : https://www.lemoule.fr/vie-citoyenne/conseil-municipal/les-comptes-rendus
Les comptes rendus municipaux sont des documents scannés sans alternative accessible.
Critère 13.17 [A] Dans chaque page web, chaque contenu en mouvement ou
clignotant est-il contrôlable par l'utilisateur ?
Les carrousels n’ont pas de moyen de contrôle pour stopper et relancer le mouvement.
1. URL : https://www.lemoule.fr/
Le grand carrousel de la page d’accueil se lance automatiquement et ne peut être contrôlé
par l’utilisateur qui souhaiterait le stopper.