← Retour à la page projet

Recommandations pour Mairie de Aigremont

  • 43
    Erreurs total
  • 0
    Erreurs corrigées

Erreurs à corriger

Erreurs par lots de livraison - 43 erreurs sélectionnées




[Accueil](https://www.mairie-aigremont-78.fr/) - 14 erreurs recensées sur cette page

Contenu - 14 erreurs recensées sur ce bloc

☐ L'alternative textuelle est pertinente - accueilhttpswwwmairie-aigremont-78fr-contenu-lalternative-textuelle-est-pertinente.png important
Les images des drapeaux n’indiquent pas clairement la langue. ex: alt=‘él’ pour le drapeau italien. Remplacer par alt=‘Italien’

Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
Critère : 1.3 du rgaa 4.1.

☐ Le contraste est suffisant dans les composants d'interface - accueilhttpswwwmairie-aigremont-78fr-contenu-le-contraste-est-suffisant-dans-les-composants-dinterface.png important
La couleur #AE857E des icônes des boutons ‘précédent’ et ‘suivant’ du carrousel en bas de page sur le fond #7B4238 (ratio : 2.4) . Retirer l opacité sur le bouton pour obtenir le ratio necessaire (3:1)

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?
Critère : 3.3 du rgaa 4.1.

☐ Lien explicite - accueilhttpswwwmairie-aigremont-78fr-contenu-lien-explicite.png important
Les liens sur certaines publications du kiosque indique : lire en ligne ou télécharger. L’information n’est pas assez explicite. Ajouter le titre de la publication sur le modèle aria-label= « Télécharger la lettre d’Aigremont N°1 avril 2024 » ou aria-label= « Lire en ligne la lettre d’Aigremont N°1 avril 2024 ».

Chaque lien est-il explicite (hors cas particuliers) ?
Critère : 6.1 du rgaa 4.1.

☐ Script compatible avec les technologies d'assistance - accueilhttpswwwmairie-aigremont-78fr-contenu-script-compatible-avec-les-technologies-dassistance.png important
Le changement de langue n’est pas atteignable. Cf. critère 7.1 pour la correction.

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?
Critère : 7.3 du rgaa 4.1.

☐ Structure des titres appropriée - accueilhttpswwwmairie-aigremont-78fr-contenu-structure-des-titres-appropriée.png important
En pied de page, le texte Réseaux sociaux" devrait être implémenté dans un titre de niveau 2 ou implémentation ARIA role=“heading” et aria-level=“2”

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?
Critère : 9.1 du rgaa 4.1.

☐ Chaque liste est correctement structurée - accueilhttpswwwmairie-aigremont-78fr-contenu-chaque-liste-est-correctement-structurée.png important
  • La suite de liens du pied de page (“Gestion des cookies”, “Affichage légal”, “Mentions légales”, etc.) doit être implémentée sous forme de liste /.
  • Les liens/boutons imprimer, partager… en haut du contenu principal doivent être structurés sous forme de liste /.

Dans chaque page web, chaque liste est-elle correctement structurée ?
Critère : 9.3 du rgaa 4.1.

☐ Le contenu porteur d'information reste visible sans CSS - accueilhttpswwwmairie-aigremont-78fr-contenu-le-contenu-porteur-dinformation-reste-visible-sans-css.png important

Exemple : l’image sur le démarchage frauduleux n’est pas explicitée dans le titre.

Les images des carrousels sont insérées en CSS. Si celles-ci sont informatives et ne disposent pas de texte adjacent, elles ne seront pas perçues par les technologies d’assistance. Remplacer par le modèle ARIA carrousel.

Les images du carrousel de bas de page sont intégrées en CSS (background-image) et véhiculent une information (visuel de la mairie, de la commune…) qui n’est reprise dans aucun texte adjacent. Cette information est donc totalement inaccessible aux utilisateurs de technologies d’assistance.

Dans chaque page web, le contenu visible porteur d’information reste-t-il présent lorsque les feuilles de styles sont désactivées ?
Critère : 10.2 du rgaa 4.1.

☐ Chaque élément recevant le focus est visible - accueilhttpswwwmairie-aigremont-78fr-contenu-chaque-élément-recevant-le-focus-est-visible.png important

La prise de focus n’est pas visible sur :

  • l’élément permettant de remonter en haut de la page.
  • les composants d’interface de la modale des cookies. Supprimer la propriété css outline: 0 qui supprime l’indication visuelle.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?
Critère : 10.7 du rgaa 4.1.

☐ L'information n'est pas donnée uniquement par la forme, taille, position - accueilhttpswwwmairie-aigremont-78fr-contenu-linformation-nest-pas-donnée-uniquement-par-la-forme-taille-position.png important
L’état de la puce active dans le carrousel est uniquement transmis par un changement de forme (puce “pleine” alors que les autres sont “vides”). Implémenter le motif de carrousel ARIA : https://www.w3.org/WAI/ARIA/apg/patterns/carousel/

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 ?
Critère : 10.9 du rgaa 4.1.

☐ Contenu lisible sans défilement à 320px de large et 256px de haut. - accueilhttpswwwmairie-aigremont-78fr-contenu-contenu-lisible-sans-défilement-à-320px-de-large-et-256px-de-haut.png important
Les boutons d’actions d’impression, flux RSS ou PDF ne sont plus visibles.

Pour chaque page web, les contenus peuvent-ils être présentés sans avoir recours à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou à un défilement horizontal pour une fenêtre ayant une largeur de 320px (hors cas particuliers) ?
Critère : 10.11 du rgaa 4.1.

☐ Les zones de regroupements peuvent être atteintes ou evitées. - accueilhttpswwwmairie-aigremont-78fr-contenu-les-zones-de-regroupements-peuvent-être-atteintes-ou-evitées.png important
La zone du moteur de recherche peut être atteinte par le biais du lien d’accès rapide mais le focus n’est pas repris sur le bouton peremettant d’ouvrir la recherche.

Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d'en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) peuvent-elles être atteintes ou évitées ?
Critère : 12.6 du rgaa 4.1.

☐ Ordre de tabulation cohérent - accueilhttpswwwmairie-aigremont-78fr-contenu-ordre-de-tabulation-cohérent.png important
L’acceptation ou le refus des dépôts de cookies devraient être accessible en premier lieu avant consultation du reste du site.

Dans chaque page web, l'ordre de tabulation est-il cohérent ?
Critère : 12.8 du rgaa 4.1.

☐ Accessibilité des documents téléchargeables - accueilhttpswwwmairie-aigremont-78fr-contenu-accessibilité-des-documents-téléchargeables.png important
Les document PDFs ne sont pas accessibles (texte non selectionable)

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?
Critère : 13.3 du rgaa 4.1.

☐ Chaque contenu en mouvement ou clignotant peut être mis en pause, arrêté ou masqué - accueilhttpswwwmairie-aigremont-78fr-contenu-chaque-contenu-en-mouvement-ou-clignotant-peut-être-mis-en-pause-arrêté-ou-masqué.png important
L’animation du carrousel en haut et en bas de page ne peut pas être arrêtée. Associer à chaque contenu défilant ou clignotant une méthode (bouton) permettant de mettre en pause ou de relancer le mouvement ou le clignotement.

Dans chaque page web, chaque contenu en mouvement ou clignotant est-il contrôlable par l’utilisateur ?
Critère : 13.8 du rgaa 4.1.

[Contact](https://www.mairie-aigremont-78.fr/contact/69/) - 3 erreurs recensées sur cette page

Contenu - 3 erreurs recensées sur ce bloc

☐ La Structure du document est cohérente - contacthttpswwwmairie-aigremont-78frcontact69-contenu-la-structure-du-document-est-cohérente.png important
Le fil d’ariane doit être un élément de type nav.

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?
Critère : 9.2 du rgaa 4.1.

☐ Contrôle de saisie utilisé de manière pertinente. - contacthttpswwwmairie-aigremont-78frcontact69-contenu-contrôle-de-saisie-utilisé-de-manière-pertinente.png important
Les champs de formulaires disposent d’une asterisque qui doit être complété par un texte générique avant le formulaire : « toutes les informations marquées d’une étoile * sont obligatoires »

Chaque champ de formulaire a-t-il une étiquette ?
Critère : 11.1 du rgaa 4.1.

☐ Aide au remplissage automatique - contacthttpswwwmairie-aigremont-78frcontact69-contenu-aide-au-remplissage-automatique.png important

Les champs qui attendent une donnée personnelle de l’utilisateur ne sont pas identifiés. Implémenter un attribut autocomplete sur les champs suivants :

  • Le champ “Nom” : autocomplete=“name”.
  • Le champ “Prénom” : autocomplete=“given-name”.
  • Le champ “Téléphone” : autocomplete=“tel”.

La finalité d’un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur ?
Critère : 11.13 du rgaa 4.1.

[Accessibilité](https://www.mairie-aigremont-78.fr/accessibilite/113/) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Accessibilité des documents téléchargeables - accessibilitéhttpswwwmairie-aigremont-78fraccessibilite113-contenu-accessibilité-des-documents-téléchargeables.png important
Les document PDFs ne sont pas accessibles (texte non selectionable)

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?
Critère : 13.3 du rgaa 4.1.

[Page d'authentification](https://www.mairie-aigremont-78.fr/index.php/monespace/connexion) - 6 erreurs recensées sur cette page

Contenu - 6 erreurs recensées sur ce bloc

☐ Les couleurs utilisée dans les composants d'interface présentent un contraste suffisant - page-dauthentificationhttpswwwmairie-aigremont-78frindexphpmonespaceconnexion-contenu-les-couleurs-utilisée-dans-les-composants-dinterface-présentent-un-contraste-suffisant.png important
les champs de saisie ne sont pas pas perceptible. Sa couleur de fond #F9F9F9 a un rapport de contraste de 1,1 avec le fond blanc #FFF de la page (au lieu de 3)

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?
Critère : 3.3 du rgaa 4.1.

☐ Script compatible avec les technologies d'assistance - page-dauthentificationhttpswwwmairie-aigremont-78frindexphpmonespaceconnexion-contenu-script-compatible-avec-les-technologies-dassistance.png important
La modal d’erreur de reinitialisation de mot de passe ne respecte pas le motif de conception ARIA Dialog. Le focus n’est pas trappé à l’intérieur de la fenêtre modale

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?
Critère : 7.1 du rgaa 4.1.

La font icon d information placé avant la demande de création de compte.Remplacer le contenu inséré avec CSS par un contenu inséré directement dans le code HTML ou associer une alternative textuelle au contenu inséré avec CSS.

Dans chaque page web, le contenu visible porteur d’information reste-t-il présent lorsque les feuilles de styles sont désactivées ?
Critère : 10.2 du rgaa 4.1.

☐ Contrôle de saisie utilisé de manière pertinente. - page-dauthentificationhttpswwwmairie-aigremont-78frindexphpmonespaceconnexion-contenu-contrôle-de-saisie-utilisé-de-manière-pertinente.png important
Identifier les champs obligatoires soit directement dans l’étiquette de champ, soit dans un passage de texte précédent le formulaire sur le modèle “tous les champs sont obligatoires”, soit par un passage de texte relié par la relation aria-describedby=“id_mandatory” sur le champ. L’information doit être visible

Chaque champ de formulaire a-t-il une étiquette ?
Critère : 11.1 du rgaa 4.1.

☐ Aide au contrôle de saisie - page-dauthentificationhttpswwwmairie-aigremont-78frindexphpmonespaceconnexion-contenu-aide-au-contrôle-de-saisie.png important
« Veuillez saisir une adresse email valide » est indiquée mais elle ne donne pas d exemple concrêt. Renseiger : Veuillez saisir une adresse e-mail valide. Par exemple : john.doe@inexine.com

Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ?
Critère : 11.11 du rgaa 4.1.

☐ Aide au remplissage automatique - page-dauthentificationhttpswwwmairie-aigremont-78frindexphpmonespaceconnexion-contenu-aide-au-remplissage-automatique.png important

Implémenter un attribut autocomplete sur les champs suivants :

  • Identifiant : autocomplete=“username”.
  • Mot de passe : autocomplete=“current-password”.
  • Email : autocomplete=“email”.

La finalité d’un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur ?
Critère : 11.13 du rgaa 4.1.

[Conseil municipaux](https://www.mairie-aigremont-78.fr/conseil-municipaux/125/) - 7 erreurs recensées sur cette page

Contenu - 7 erreurs recensées sur ce bloc

☐ Les couleurs utilisée dans les composants d'interface présentent un contraste suffisant - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-les-couleurs-utilisée-dans-les-composants-dinterface-présentent-un-contraste-suffisant.png important
  • Les informations de page du viewer PDF #FFFFFF/#D9D9D9 a un ratio de 1.41 au lieu de 3
  • Les informations du haut contenu dans le viewer #FFFFFF/#F2F2F2 ont un ratio de 1.12 au lieu de 3

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?
Critère : 3.3 du rgaa 4.1.

☐ Script compatible avec les technologies d'assistance - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-script-compatible-avec-les-technologies-dassistance.png important
Le contenu lié au bouton « visualiser » n’est pas atteignable avec la barre espace. Imlémenter le motif ARIA Disclosure : https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?
Critère : 7.1 du rgaa 4.1.

☐ L'utilisateur est averti de tout changement de contexte - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-lutilisateur-est-averti-de-tout-changement-de-contexte.png important
Le changement d’année sur le select engage une modification du contenu qui n’est pas donné en avertissement en amont à l’utilisateur et la prise de focus n’est pas déplacé dans ce nouveau contenu. Soit l’informer par un message précédent le filtrage soit ajouter un bouton filtrer (action recommandée fortement)

Pour chaque script qui initie un changement de contexte, l’utilisateur est-il averti ou en a-t-il le contrôle ?
Critère : 7.4 du rgaa 4.1.

☐ Structure des titres appropriée - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-structure-des-titres-appropriée.png important
Les titres de chaque contenu présentant le PDF sont intégrées dans une balise p au lieu d une balise . Remplacer la balise p par un h3 ou implémenter un role= « heading » aria-level= « 3 »

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?
Critère : 9.1 du rgaa 4.1.

☐ Etiquettes de champ pertinentes - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-etiquettes-de-champ-pertinentes.png important
  • Les champs de type date ont un intitulé peu explicite : debut et fin. Cela n’indique pas qu’il s’agit d’une date. Ajouter du contexte pour ces labels ex: aria-label= « date de début » et aria-label= « date de fin»
  • De la même façon, « inférieur à … ». Ajouter dans le aria-label déjà en place : aria-label=“Période de publication inférieure à …”

Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ?
Critère : 11.2 du rgaa 4.1.

☐ Contrôle de saisie utilisé de manière pertinente. - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-contrôle-de-saisie-utilisé-de-manière-pertinente.png important
Le format de la date attendu est indiqué via un placeholder et par conséquent non accessible au TA. Informé du format dans le label ou intégré un aria-describedby. ex : Date de débutFormat attendu : 16/07/2026

Chaque champ de formulaire a-t-il une étiquette ?
Critère : 11.1 du rgaa 4.1.

☐ Accessibilité des documents téléchargeables - conseil-municipauxhttpswwwmairie-aigremont-78frconseil-municipaux125-contenu-accessibilité-des-documents-téléchargeables.png important
Les document PDFs ne sont pas accessibles (texte non selectionable)

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?
Critère : 13.3 du rgaa 4.1.

[PLU](https://www.mairie-aigremont-78.fr/plu/75/) - 3 erreurs recensées sur cette page

Contenu - 3 erreurs recensées sur ce bloc

☐ Lien explicite - pluhttpswwwmairie-aigremont-78frplu75-contenu-lien-explicite.png important

Pour être considéré comme pertinent, l’intitulé d’un lien doit permettre de comprendre sa destination en prenant en compte son contexte.

  • exemple : “document” n’indique pas qu il s agit d un PDF, l utilisateur ne sait pas vers quoi il sera redirigé.

Chaque lien est-il explicite (hors cas particuliers) ?
Critère : 6.1 du rgaa 4.1.

☐ Utilisation appropriée des balises HTML - pluhttpswwwmairie-aigremont-78frplu75-contenu-utilisation-appropriée-des-balises-html.png important
Des balises sont utilisées pour générer des espaces. Intégrer les espacements en css.

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 ?
Critère : 8.9 du rgaa 4.1.

☐ Accessibilité des documents téléchargeables - pluhttpswwwmairie-aigremont-78frplu75-contenu-accessibilité-des-documents-téléchargeables.png important
Les document PDFs ne sont pas accessibles (texte non selectionable)

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?
Critère : 13.3 du rgaa 4.1.

[Associations](https://www.mairie-aigremont-78.fr/associations/54/) - 5 erreurs recensées sur cette page

Contenu - 5 erreurs recensées sur ce bloc

☐ L'information ne doit pas être donnée uniquement par la couleur - associationshttpswwwmairie-aigremont-78frassociations54-contenu-linformation-ne-doit-pas-être-donnée-uniquement-par-la-couleur.png important
L’onglet actif « Loisirs » du menu priniciapl est indiqué seulement par la couleur. Ajouter une mise en forme (mise en gras, changement de taille, inversion des contrastes, soulignement) et un attribut aria-current=“true”.

Dans chaque page web, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
Critère : 3.1 du rgaa 4.1.

☐ Lien explicite - associationshttpswwwmairie-aigremont-78frassociations54-contenu-lien-explicite.png important
Pour être considéré comme pertinent, l’intitulé d’un lien doit permettre de comprendre sa destination en prenant en compte son contexte. Les intuitulés de lien tel que livres, plaquette ou d’information ne permettent pas d indiquer la destination du lien.

Chaque lien est-il explicite (hors cas particuliers) ?
Critère : 6.1 du rgaa 4.1.

☐ Utilisation appropriée des balises HTML - associationshttpswwwmairie-aigremont-78frassociations54-contenu-utilisation-appropriée-des-balises-html.png important
Des balises sont utilisées pour générer des espaces. Intégrer les espacements en css.

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 ?
Critère : 8.9 du rgaa 4.1.

☐ Chaque liste est correctement structurée - associationshttpswwwmairie-aigremont-78frassociations54-contenu-chaque-liste-est-correctement-structurée.png important
La liste de la section musikinder est scindée en plusieurs listes alors que visuellement elle présengte les différentes activités. NVDA annonce « liste de 4 éléments » lorsqu’il rencontre un — ici, il annoncera à répétition « liste de 1 élément » quatre fois de suite, sans jamais restituer le regroupement logique réel des 4 activités entre elles. L’information structurelle (« voici les 4 activités proposées ») est donc perdue. Englober la totalités des activités dans une liste ou utiliser des titres pour chaque activité, cela sera plus approrpié dans ce contexte.

Dans chaque page web, chaque liste est-elle correctement structurée ?
Critère : 9.3 du rgaa 4.1.

☐ Accessibilité des documents téléchargeables - associationshttpswwwmairie-aigremont-78frassociations54-contenu-accessibilité-des-documents-téléchargeables.png important
Les document PDFs ne sont pas accessibles (texte non selectionable)

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?
Critère : 13.3 du rgaa 4.1.

[Collecte de déchets](https://www.mairie-aigremont-78.fr/collecte-de-dechets/38/) - 4 erreurs recensées sur cette page

Contenu - 4 erreurs recensées sur ce bloc

☐ Alternative textuelle sur les images porteuses d'information - collecte-de-déchetshttpswwwmairie-aigremont-78frcollecte-de-dechets38-contenu-alternative-textuelle-sur-les-images-porteuses-dinformation.png important
L’image de la déchetterie intercommunale dispose d’informations non transmise dans le texte adjacent. Ajouter le contenu : réservé aux particuliers et l’adresse dans le texte adjacent et sur l image une alternative alt=“Décheterie intercommunale de saint germain en laye”

Chaque image porteuse d’information a-t-elle une alternative textuelle ?
Critère : 1.1 du rgaa 4.1.

☐ Lien explicite - collecte-de-déchetshttpswwwmairie-aigremont-78frcollecte-de-dechets38-contenu-lien-explicite.png important
Les différents liens dont l’intitulé est nommé « ici » n’est pas explicite pour permettre de compendre la destination du lien. Par exemple, positionner le lien sur le texte adjacent : « télécharger votre calendrier des collectes personnalisé sur le site de l’agglomeration» Cela permet de savoir que l utilisateur sera redirigé vers un autre site.

Chaque lien est-il explicite (hors cas particuliers) ?
Critère : 6.1 du rgaa 4.1.

☐ Les liens possédent un intitulé - collecte-de-déchetshttpswwwmairie-aigremont-78frcollecte-de-dechets38-contenu-les-liens-possédent-un-intitulé.png important
Le lien ne dispose pas d intitulé placé sur l image. cf critère 1.1 pour la correction.

Dans chaque page web, chaque lien a-t-il un intitulé ?
Critère : 6.2 du rgaa 4.1.

☐ Accessibilité des documents téléchargeables - collecte-de-déchetshttpswwwmairie-aigremont-78frcollecte-de-dechets38-contenu-accessibilité-des-documents-téléchargeables.png important
Les document PDFs ne sont pas accessibles (texte non selectionable)

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?
Critère : 13.3 du rgaa 4.1.

/audits/aigremont/recommendation.html