← Retour à la page projet

Recommandations pour Mairie de Mériel

  • 22
    Erreurs total
  • 0
    Erreurs corrigées

Erreurs à corriger

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




Éléments transverses - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Au moins une alternative d'image porteuse d'information n'est pas pertinente - éléments-transverses-contenu-au-moins-une-alternative-dimage-porteuse-dinformation-nest-pas-pertinente.png important
Pour l’image logo en pied de page, modifier l’attribut alt sur le modèle alt=“Mériel”

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.

[Accueil](https://www.meriel.fr/) - 12 erreurs recensées sur cette page

Contenu - 12 erreurs recensées sur ce bloc

☐ Au moins une alternative d'image porteuse d'information n'est pas pertinente - accueilhttpswwwmerielfr-contenu-au-moins-une-alternative-dimage-porteuse-dinformation-nest-pas-pertinente.png important
Les liens-images du bloc “Temps fort” ont des intitulés doublés: alt=“Mériel en fête 2025Mériel en fête 2025”.

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.

☐ Les intitulés des liens du bloc en images ne sont pas pertinents - accueilhttpswwwmerielfr-contenu-les-intitulés-des-liens-du-bloc-en-images-ne-sont-pas-pertinents.png important
Il existe un lien dans le bloc contact qui ne possède pas de href : “En savoir plus sur Contact”.

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

☐ Des liens n'ont pas d'intitulé - accueilhttpswwwmerielfr-contenu-des-liens-nont-pas-dintitulé.png important
Certains liens contenus dans le menu latéral ne possèdent pas de nom accessible. Pour ces liens, insérer l’intitulé texte déjà présent entre les balises et . Ce texte peut être positionné hors écran.

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

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance. - accueilhttpswwwmerielfr-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-compatible-avec-les-technologies-dassistance.png important
  1. Le composant « en 1 clic » déclenche des événements JavaScript, mais il est implémenté dans un lien. Il doit être implémenté dans un élément . Le focus n est pas trappé dans le menu latéral.
  2. Les composants play/pause ne contiennent pas de nom accessible et de rôle.
  3. Le lien de gestion des cookies qui ouvre une modale ne respecte pas le motif de conception ARIA modal.

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

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - accueilhttpswwwmerielfr-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-compatible-avec-les-technologies-dassistance.png important

Les composants du menu principal déclenchent des événements JavaScript, mais sont implémentés dans des liens.

  • Ces composants doivent être des éléments ou respecter le motif de conception ARIA Button.
  • Le menu burger en version mobile ne dispose pas de nom accessible

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

☐ La fonctionnalité JavaScript play/pause de la vidéo n'est pas utilisable au clavier - accueilhttpswwwmerielfr-contenu-la-fonctionnalité-javascript-playpause-de-la-vidéo-nest-pas-utilisable-au-clavier.png important
Les composants play/pause ne sont pas activables avec la touche Espace ou la touche Entrée.

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.

☐ Au moins un contenu est inséré via CSS - accueilhttpswwwmerielfr-contenu-au-moins-un-contenu-est-inséré-via-css.png important

Par exemple :

  • Les prochains événements de la ville de Mériel
  • Les dernières actualités de la ville de Mériel
  • Retrouvez les derniers numéros de votre magazine

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.

☐ Au moins un contenu est inséré via CSS - accueilhttpswwwmerielfr-contenu-au-moins-un-contenu-est-inséré-via-css.png important
  • Les publications du kiosque ne sont pas visibles. Remplacer le contenu inséré avec CSS par un contenu inséré directement dans le code HTML.

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.

☐ L'ordre de succession des contenus de l'agenda est non pertinent - accueilhttpswwwmerielfr-contenu-lordre-de-succession-des-contenus-de-lagenda-est-non-pertinent.png important
  1. Les dates sont situées avant le titre de l’article. Les personnes aveugles qui naviguent par titre peuvent attribuer la mauvaise date à l’article.
  2. Le bandeau des cookies doit être le premier élément auquel on accède depuis le haut de la page. Modifier l’ordre d’insertion de ce bandeau dans la page, pour qu’il soit positionné en tant que premier élément (avant le lien d’accès rapide). Il peut rester visuellement en bas.

Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?
Critère : 10.3 du rgaa 4.1.

☐ La prise de focus n'est pas visible pour certains éléments de la page - accueilhttpswwwmerielfr-contenu-la-prise-de-focus-nest-pas-visible-pour-certains-éléments-de-la-page.png important
  • Il manque des prises de focus visible dans la modale des cookies Supprimer toutes les directives (outline: none, outline-color, etc.) visant à dégrader ou supprimer l’indication visuelle de focus.

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.

☐ La prise de focus n'est pas visible pour certains éléments de la page - accueilhttpswwwmerielfr-contenu-la-prise-de-focus-nest-pas-visible-pour-certains-éléments-de-la-page.png important
  • L’ancre permettant de remonter en haut du site n’a pas de focus visible.

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.

☐ Au moins un document en téléchargement n'est pas accessible - accueilhttpswwwmerielfr-contenu-au-moins-un-document-en-téléchargement-nest-pas-accessible.png important

Par exemple : Dans le document PDF “Mériel le mag no 169”, le document ne dispose pas de titre, pas de balisage, les images ne disposent pas d’alternative textuelle.

Corrections : Corriger le document pour lui ajouter les styles, balises et autres éléments nécessaires à l’accessibilité.
OU proposer une alternative équivalente (page HTML, document structuré Word ou LibreOffice) qui soit accessible.
Les documents bureautiques en téléchargement répondent à des critères particuliers d’accessibilité que vous pouvez retrouver dans une documentation dédiée : https://accessibilite.numerique.gouv.fr/methode/glossaire/#version-accessible-pour-un-document-en-telechargement
Checklist pour faire un PDF accessible : https://design.numerique.gouv.fr/outils/checklist-pdf/

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.

[Authentification](https://www.meriel.fr/index.php/monespace/connexion) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - authentificationhttpswwwmerielfrindexphpmonespaceconnexion-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-compatible-avec-les-technologies-dassistance.png important
  • La modale d’erreur de réinitialisation 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
  • Le bouton d information supplémentaire au clic comporte un aria-label non pertinent : aria-label=“Demande de création de compte”. L’utilisateur ne sait pas qu’il s’agit d’informations complémentaires au clic sur le bouton. Modifier sur le modèle aria-label= « À propos de la création de compte » et inclure aria-expanded/aria-haspopup

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

[Annuaire des élus](https://www.meriel.fr/Vos-%c3%a9lus/133/) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Au moins un lien n'a pas d'intitulé - annuaire-des-élushttpswwwmerielfrvos-c3a9lus133-contenu-au-moins-un-lien-na-pas-dintitulé.png important
Les images représentants les élus doivent être ignorées par les TA car elles n’apportent pas d’information supplémentaire, de ce fait le alt étant vide, le lien est vide. Construire le lien sur l image en css et retirer la balise autour de l’image.

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

[Conseils municipaux](https://www.meriel.fr/Conseils-municipaux/193/) - 3 erreurs recensées sur cette page

Contenu - 3 erreurs recensées sur ce bloc

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - conseils-municipauxhttpswwwmerielfrconseils-municipaux193-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-compatible-avec-les-technologies-dassistance.png important

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

☐ Le titre de la page n'est pas pertinent - conseils-municipauxhttpswwwmerielfrconseils-municipaux193-contenu-le-titre-de-la-page-nest-pas-pertinent.png important
  • “Prochain conseil municipal le 24 septembre 2026” est non pertinent. Le titre devrait être sur le modèle : Conseils municipaux

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?
Critère : 8.6 du rgaa 4.1.

☐ Au moins un document bureautique en téléchargement n’est pas accessible - conseils-municipauxhttpswwwmerielfrconseils-municipaux193-contenu-au-moins-un-document-bureautique-en-téléchargement-nest-pas-accessible.png important

Par exemple : Dans le document PDF “RÉUNION DU CONSEIL MUNICIPAL”, le document ne dispose pas de titre

Corrections : Corriger le document pour lui ajouter les styles, balises et autres éléments nécessaires à l’accessibilité. OU proposer une alternative équivalente (page HTML, document structuré Word ou LibreOffice) qui soit accessible. Les documents bureautiques en téléchargement répondent à des critères particuliers d’accessibilité que vous pouvez retrouver dans une documentation dédiée : https://accessibilite.numerique.gouv.fr/methode/glossaire/#version-accessible-pour-un-document-en-telechargement
Checklist pour faire un PDF accessible : https://design.numerique.gouv.fr/outils/checklist-pdf/

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.

[Toutes les actualités](https://www.meriel.fr/actualit%c3%a9s/24/) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Au moins une image porteuse d'information n'a pas d'alternative textuelle - toutes-les-actualitéshttpswwwmerielfractualitc3a9s24-contenu-au-moins-une-image-porteuse-dinformation-na-pas-dalternative-textuelle.png important
Par exemple : L’image de campagne de remplacement ne dispose pas d’alternative textuelle.
Corrections : Informer le alt sur le modèle alt=“Campagne de remplacement des couvercles de bac de tri”.

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

[Tous les événements](https://www.meriel.fr/index.php/agenda?idpage=28) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Au moins une image porteuse d'information n'a pas d'alternative textuelle - tous-les-événementshttpswwwmerielfrindexphpagendaidpage28-contenu-au-moins-une-image-porteuse-dinformation-na-pas-dalternative-textuelle.png important
L’image du cinéma de plein air est informative, son alternative doit être renseignée sur le modèle alt=“Cinéma plein air”. Le reste de l’information : “séance transférée à l’espace gauche” est quant à lui repris dans le contenu de l article.

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

[L'Espace Rive Gauche](https://www.meriel.fr/L-Espace-Rive-Gauche/157/) - 2 erreurs recensées sur cette page

Contenu - 2 erreurs recensées sur ce bloc

☐ Le composant JavaScript de la galerie d'images n'est pas compatible avec les technologies d'assistance. - lespace-rive-gauchehttpswwwmerielfrl-espace-rive-gauche157-contenu-le-composant-javascript-de-la-galerie-dimages-nest-pas-compatible-avec-les-technologies-dassistance.png important
La fenêtre modale liée aux images ne respectent pas le motif de conception ARIA Dialog : pas de role=“dialog”, de propriété aria-modal=“true” ni de titre (aria-label ou aria-labelledby absent);

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

☐ Le composant JavaScript de la galerie d'images n'est pas utilisable au clavier. - lespace-rive-gauchehttpswwwmerielfrl-espace-rive-gauche157-contenu-le-composant-javascript-de-la-galerie-dimages-nest-pas-utilisable-au-clavier.png important
Les composants de navigation dans la modale (voir le critère 7.1 pour une réparation globale de la galerie d’images)

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.

/audits/meriel/recommendation.html