← Retour à la page projet

Recommandations pour Mairie de Irigny

  • 38
    Erreurs total
  • 0
    Erreurs corrigées

Erreurs à corriger

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




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

Contenu - 13 erreurs recensées sur ce bloc

☐ Au moins une image porteuse d'information n'a pas d'alternative textuelle - accueilhttpswwwirignyfr-contenu-au-moins-une-image-porteuse-dinformation-na-pas-dalternative-textuelle.png important
La 1ère image des actualités ne dispose pas d alternative textuelle. Du contenu présent sur l image n’est pas repris dans le contenu adjacent

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

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - accueilhttpswwwirignyfr-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.

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 - accueilhttpswwwirignyfr-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.

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas utilisable au clavier - accueilhttpswwwirignyfr-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-utilisable-au-clavier.png important
  • Les composants suivants ne peuvent pas être atteints en tabulant :
    • Mes démarches cf. 7,1 du mutualisé

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 - accueilhttpswwwirignyfr-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.
  • Le bouton radio contenu dans la modale de notification est insérée en css. Rajouter ce contenu en 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 lecture des éléments n'est pas toujours cohérent - accueilhttpswwwirignyfr-contenu-lordre-de-lecture-des-éléments-nest-pas-toujours-cohérent.png important
  • Dans le bloc des actualités, l’étiquette est placé avant le titre
  • Dans le bloc agenda, la date, l’heure et l etiquette sont placés avant le titre

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 tous les éléments de la page - accueilhttpswwwirignyfr-contenu-la-prise-de-focus-nest-pas-visible-pour-tous-les-éléments-de-la-page.png important
  • Le lien « mes démarches » ne dispose pas de focus visible.
  • L’ancre permettant de remonter en haut du site n’a pas de focus visble.
  • Le lien sur la première image ne dispose pas de focus visible.
  • 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.

☐ Au moins un champ de formulaire ne possède pas d'étiquette, son étiquette n'est pas visible ou son étiquette n'est pas correctement liée - accueilhttpswwwirignyfr-contenu-au-moins-un-champ-de-formulaire-ne-possède-pas-détiquette-son-étiquette-nest-pas-visible-ou-son-étiquette-nest-pas-correctement-liée.png important
Dans la modal de notification, le bouton radio ne comporte pas d’intitulé.

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

☐ Au moins une étiquette de champs n'est pas pertinente - accueilhttpswwwirignyfr-contenu-au-moins-une-étiquette-de-champs-nest-pas-pertinente.png important
  • L’étiquette “date”.
  • L’étiquette “agenda”. Modifier l’étiquette “date” sur le modèle “période” Modifier l’étiquette “agenda” sur le modèle “catégorie”

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

☐ Au moins un intitulé de bouton de formulaire n'est pas suffisamment pertinent - accueilhttpswwwirignyfr-contenu-au-moins-un-intitulé-de-bouton-de-formulaire-nest-pas-suffisamment-pertinent.png important
Le bouton du menu burger au format mobile n’a pas d’intitulé visible ou accessible

Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (hors cas particuliers) ?
Critère : 11.9 du rgaa 4.1.

☐ L'ordre de tabulation dans la page n'est pas cohérent - accueilhttpswwwirignyfr-contenu-lordre-de-tabulation-dans-la-page-nest-pas-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.

☐ L'ordre de tabulation dans la page n'est pas cohérent - accueilhttpswwwirignyfr-contenu-lordre-de-tabulation-dans-la-page-nest-pas-cohérent.png important
  • L’ouverture du sous menu met le focus en premier sur la fermeture plutôt que sur les liens. Implémenter la fermeture du sous menu à la suite des liens.

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

☐ Au moins un contenu en mouvement ou clignotant n'est pas contrôlable par l'utilisateur - accueilhttpswwwirignyfr-contenu-au-moins-un-contenu-en-mouvement-ou-clignotant-nest-pas-contrôlable-par-lutilisateur.png important
  • Le composant carrousel des accés directs est configuré en lecture automatique sans qu’aucun mécanisme de contrôle (pause/arrêt/masquage) ne soit mis à disposition de l’utilisateur, ou sans que ce mécanisme soit accessible au clavier et aux dispositifs tactiles. Ajouter un bouton permettant d’arrêter le défilement. Un xemple de conformité est possible : https://accessible360.github.io/accessible-slick/

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.

[Formulaire de signalement](https://www.irigny.fr/Éclairage-Signalisation/282/) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

☐ Le contrôle de saisie n'est pas pertinent - formulaire-de-signalementhttpswwwirignyfréclairage-signalisation282-contenu-le-contrôle-de-saisie-nest-pas-pertinent.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.

[Accessibilité](https://www.irigny.fr/accessibilite/9/) - 1 erreurs recensées sur cette page

Contenu - 1 erreurs recensées sur ce bloc

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

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.irigny.fr/index.php/monespace/connexion) - 2 erreurs recensées sur cette page

Contenu - 2 erreurs recensées sur ce bloc

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - authentificationhttpswwwirignyfrindexphpmonespaceconnexion-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-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.

☐ Au moins un contenu est inséré en CSS - authentificationhttpswwwirignyfrindexphpmonespaceconnexion-contenu-au-moins-un-contenu-est-inséré-en-css.png important
  • 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.

[Annuaire des élus](https://www.irigny.fr/Vos-elus/122/ ) - 3 erreurs recensées sur cette page

Contenu - 3 erreurs recensées sur ce bloc

☐ Au moins un lien n'a pas d'intitulé - annuaire-des-élushttpswwwirignyfrvos-elus122--contenu-au-moins-un-lien-na-pas-dintitulé.png important
  • Les images de profil des élus ne disposent pas de nom accessible.

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

☐ Le titre de la page est pertinent - annuaire-des-élushttpswwwirignyfrvos-elus122--contenu-le-titre-de-la-page-est-pertinent.png important
  • Le titre de la page « Nathalie Sanlaville » n'‘indique pas qu’il s’agit d’un trombinoscope des élus. Modifier le titre de la page sur le modèle : « Trombinoscope des élus » ou reprendre le nom de la page : vos élus.

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

☐ Au moins une information donnée uniquement par la forme, la taille ou la position n'a pas d'alternative - annuaire-des-élushttpswwwirignyfrvos-elus122--contenu-au-moins-une-information-donnée-uniquement-par-la-forme-la-taille-ou-la-position-na-pas-dalternative.png important
  • L’onglet actif « Ma ville» du menu prinicipal est indiqué par la couleur et un fond vert. S’assurer qu’un autre moyen est mis en place pour que l’information soit transmise aux technologies d’assistance : via un attribut aria-current=“true”.

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.

[Publications officielles](https://www.irigny.fr/Conseil-municipaux/302/) - 4 erreurs recensées sur cette page

Contenu - 4 erreurs recensées sur ce bloc

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - publications-officielleshttpswwwirignyfrconseil-municipaux302-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-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.

☐ La hiérarchie des titres n'est pas pertinente - publications-officielleshttpswwwirignyfrconseil-municipaux302-contenu-la-hiérarchie-des-titres-nest-pas-pertinente.png important
Les titres de chaque contenu présentant le PDF sont intégrées dans une balise au lieu d une balise . Remplacer la balise par un 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.

☐ Au moins une étiquette du champ de formulaire n'est pas pertinente - publications-officielleshttpswwwirignyfrconseil-municipaux302-contenu-au-moins-une-étiquette-du-champ-de-formulaire-nest-pas-pertinente.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.

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

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.irigny.fr/actualites/293/) - 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éshttpswwwirignyfractualites293-contenu-au-moins-une-image-porteuse-dinformation-na-pas-dalternative-textuelle.png important
Les informations de date ne sont pas reprises dans l’article qui est lié (lire la suite). Ajouter ce contenu dans le texte adajcent à l’image.

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

[Toutes les événements](https://www.irigny.fr/index.php/agenda?idpage=294) - 4 erreurs recensées sur cette page

Contenu - 4 erreurs recensées sur ce bloc

☐ Les cellules d'en-têtes ne sont pas correctement déclarées pour au moins un tableau de données - toutes-les-événementshttpswwwirignyfrindexphpagendaidpage294-contenu-les-cellules-den-têtes-ne-sont-pas-correctement-déclarées-pour-au-moins-un-tableau-de-données.png important
  • Les cellules d’en-têtes ne sont pas correctement déclarées pour le tableau de données des événements Implémenter les cellules d’en-tête de ligne et de colonne dans des éléments .

Pour chaque tableau de données, chaque en-tête de colonne et chaque en-tête de ligne sont-ils correctement déclarés ?
Critère : 5.6 du rgaa 4.1.

☐ Au moins un intitulé de lien n'est pas pertinent - toutes-les-événementshttpswwwirignyfrindexphpagendaidpage294-contenu-au-moins-un-intitulé-de-lien-nest-pas-pertinent.png important
Le lien Cliquez ici pour retrouver la convocation et l’ordre du jour de cette séance n’indique pas clairement la destination du lien. Indiqué qu’il s’agit d’un PDF

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

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - toutes-les-événementshttpswwwirignyfrindexphpagendaidpage294-contenu-au-moins-un-composant-ou-une-fonctionnalité-javascript-nest-pas-compatible-avec-les-technologies-dassistance.png important
  • Le lien du calendrier qui déclenche le chargement du contenu lié à cette date n’est pas implémenté correctement. Ajouter un role= « button ». De plus il n a pas de rôle, les TA ne pourront restituer sont état et ce qu’il génére.

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

☐ Au moins une étiquette de champ de formulaire n'est pas pertinente - toutes-les-événementshttpswwwirignyfrindexphpagendaidpage294-contenu-au-moins-une-étiquette-de-champ-de-formulaire-nest-pas-pertinente.png important
L’étiquette agenda n’est pas pertinente. Modifier l’étiquette “agenda” sur le modèle “Catégories”

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

[Le sémaphore, théâtre municipal](https://www.irigny.fr/Le-Semaphore-theatre-municipal/204/) - 4 erreurs recensées sur cette page

Contenu - 4 erreurs recensées sur ce bloc

☐ Au moins un composant ou une fonctionnalité JavaScript n'est pas compatible avec les technologies d'assistance - le-sémaphore-théâtre-municipalhttpswwwirignyfrle-semaphore-theatre-municipal204-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.

☐ La hiérarchie des titres n'est pas pertinente - le-sémaphore-théâtre-municipalhttpswwwirignyfrle-semaphore-theatre-municipal204-contenu-la-hiérarchie-des-titres-nest-pas-pertinente.png important
  • Les accordéons sont intégrés dans des balises au même niveau que « Billetterie et infos pratiques » qui est visuellement placé au dessus. Intégrer le titre de l’accordéon dans une balise

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.

☐ Au moins une information donnée uniquement par la forme, la taille ou la position n'a pas d'alternative - le-sémaphore-théâtre-municipalhttpswwwirignyfrle-semaphore-theatre-municipal204-contenu-au-moins-une-information-donnée-uniquement-par-la-forme-la-taille-ou-la-position-na-pas-dalternative.png important
  • L’onglet actif « Mes activités et sorties» du menu prinicipal est indiqué par la forme. S’assurer qu’un autre moyen est mis en place pour que l’information soit transmise aux technologies d’assistance : via un attribut aria-current=“true”.

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.

☐ Au moins un document en téléchargement n'est pas accessible - le-sémaphore-théâtre-municipalhttpswwwirignyfrle-semaphore-theatre-municipal204-contenu-au-moins-un-document-en-téléchargement-nest-pas-accessible.png important

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.

[Les spéctaculaires](https://www.irigny.fr/les-spectaculaires/263/) - 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 - les-spéctaculaireshttpswwwirignyfrles-spectaculaires263-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.

☐ La hiérarchie des titres n'est pas pertinente - les-spéctaculaireshttpswwwirignyfrles-spectaculaires263-contenu-la-hiérarchie-des-titres-nest-pas-pertinente.png important
  • Les accordéons sont intégrés dans des balises au même niveau que « Billetterie et infos pratiques » qui est visuellement placé au dessus. Intégrer le titre de l’accordéon dans une balise

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.

☐ Au moins une information donnée uniquement par la forme, la taille ou la position n'a pas d'alternative - les-spéctaculaireshttpswwwirignyfrles-spectaculaires263-contenu-au-moins-une-information-donnée-uniquement-par-la-forme-la-taille-ou-la-position-na-pas-dalternative.png important
  • L’onglet actif « Mes activités et sorties» du menu prinicipal est indiqué par la forme. S’assurer qu’un autre moyen est mis en place pour que l’information soit transmise aux technologies d’assistance : via un attribut aria-current=“true”.

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.

[Location de salles](https://www.irigny.fr/location-de-salle/138/) - 2 erreurs recensées sur cette page

Contenu - 2 erreurs recensées sur ce bloc

☐ La hiérarchie des titres n'est pas pertinente - location-de-salleshttpswwwirignyfrlocation-de-salle138-contenu-la-hiérarchie-des-titres-nest-pas-pertinente.png important
Pour les 2 liens de téléchargement, indiquer, qu’il s’agit d’un PDF. Sans cela, la destinatin du lien n’est pas pertinente

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

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

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/irigny/recommendation.html