← Retour à la page projet

Audit Accessibilité pour generationecologie.fr

Scores - 106 critères

Accéder à la déclaration

Conformité globale selon les critères

  • 45%
    Critères conformes
  • 55%
    Critères non conformes
  • 28
    Critères conformes
  • 44
    Critères non applicables
  • 34
    Critères non conformes

Conformité détaillée de répartition

Contexte

Version du référentiel : RGAA 4.1
Technologies utilisées sur le site : HTML, CSS, JS
Outils pour réaliser l’audit : WCAG Color Contrast Checker, Stylus, Web Developer, Heading Maps, Console navigateur
Environnement de test : Firefox 135 Ubuntu, Firefox 135 Windows + NVDA 2024.4.2, Firefox 135 Windows + Jaws 2025, Firefox + Android 14 sur Fairphone 4 + Talkback

Liste des pages auditées

Accéder aux pages auditées

Notes correctives

Pas de panique !

Le score d’un premier audit est toujours alarmant, c’est le rôle d’un auditeur que d’aller chercher la petite bête partout. Rien de dramatique ici, rien qui ne soit insurmontable à mon sens et un site déjà bien robuste et utilisable. Une fois de plus, quelques corrections rapides débloqueront beaucoup de sujets, notamment les sujets structurels qui sont corrigés une fois pour toute.

D’autres corrections sont plus délicates car elles impliquent une “hygiène” du quotidien. Il s’agit d’intégrer l’accessibilité dans la contribution des contenus. Il s’agit de penser alternatives textuelles, contrastes, sous-titres, transcriptions, audiodescriptions, hiérarchie des titres, structuration des listes et citations…

Même avec la meilleure volonté du monde, tous ces sujets ne peuvent que difficilement être intégrés sans avoir recours à un œil aguerri et un processus de vérification / correction. Génération Écologie a peut-être déjà un commité de relecture et de validation des contenus, la bonne idée serait qu’une ou plusieurs personnes se forment à la contribution accessible et mettent le chapeau accessibilité pour valider et corriger ce qui a été fait. Ainsi, une amélioration continue peut être mise en place, intégrant réellement l’accessibilité dans le cycle de vie du nouveau site.

J’insiste sur la formation, l’accessibilité web est à la fois question de compréhension des enjeux, des termes, des différents handicaps mais aussi de la technique, du fonctionnement d’un site.

Je suis développeur web formé à l’accessibilité, lorsque je produis un site, je fais toujours des corrections lors de l’audit. Mais alors qu’avant d’être formé, ces corrections pouvaient être très lourdes et très coûteuses à mettre en place, désormais, il s’agit d’ajustements mineurs comme on corrigerait des fautes de frappe lors de la relecture d’un mail.

Ci-après, quelques points d’explication ou recommandations sur le site generationecologie.fr

Images (thématique 1 du RGAA)

Certaines images utilisées pour illustrer les actualités ou autres mises-en-avant sont porteuses d’information. Le glossaire du RGAA indique qu’une image porteuse d’information est une Image qui véhicule une information nécessaire à la compréhension du contenu auquel elle est associée. Impossible de confier le choix de ce qui est ou n’est pas une information à une intelligence artificielle, il faut faire marcher son intelligence humaine et tenter de comprendre ce qui pourrait manquer à un utilisateur aveugle par exemple. Parfois il s’agit d’une information évidente qui n’apparaît pas dans le texte d’un article, parfois, c’est plus subtil et l’information vient apporter un contexte, un sens non-dit. Parfois, le texte sur l’image est juste illustratif, il n’est alors pas nécessaire de donner une alternative à l’image.

Exemple sur le site, l’image de la page de la commission Écoféminisme offre un slogan de manifestation qui synthétise le propos de la page.

Couleurs (thématique 3 du RGAA)

L’utilisation de couleurs suffisamment contrastées est nécessaire pour permettre à de très nombreux utilisateurs de percevoir les contenus et les composants d’interface. Lorsque la couleur est le seul moyen de percevoir le changement d’état d’un composant d’interface, le rapport de contraste entre les différents états doit également être suffisant.

Sur le site, sur la page Nous contacter par exemple les champs de formulaire ne sont parfois pas perceptibles car leur bordure est insuffisamment contrastée vis-à-vis du fond du champ et du fond de la page. Les utilisateurs malvoyants peuvent rencontrer des difficultés à utiliser le formulaire.

Vidéos (thématique 4 du RGAA)

Les médias synchronisés (vidéos et podcasts) demandent une attention toute particulière pour permettre à tous les utilisateurs d’accéder au contenu. Utilisateurs aveugles, grand-malvoyants, malvoyants, malentendants, sourds, dyslexiques, navigant au clavier, sujets aux crises d’épilepsie… Ces medias confrontent bien trop souvent de très nombreux utilisateurs à l’impossibilité de consulter un contenu.

Les transcriptions textuelles et/ou audiodescriptions pour les fichiers son sont essentielles pour l’accès à l’information. Ce sujet ne fait pas partie du périmètre du présent audit et n’apparaît donc pas dans le rapport.

Les vidéos attendent également une transcription textuelle, des sous-titres synchronisés et/ou une audiodescription. Le lecteur doit également être contrôlable au clavier.

Il est parfois des vidéos trop complexes à rendre totalement accessibles, demandant des moyens trop importants au regard de votre organisation. Je vous recommande alors de vous concentrer sur une transcription textuelle et une synthèse.

Le RGAA ne parle plus de version en LSF (langue des signes française), mais c’est également un sujet d’accessibilité à explorer.

Liens (thématique 6 du RGAA)

Tous les liens doivent avoir un intitulé et doivent être explicites. L’intitulé du lien peut être fourni par l’alternative de l’image lorsque l’image est le seul contenu du lien.

Le lien est explicite lorsque son intitulé permet de comprendre où mène le lien ou bien lorsque le contexte du lien permet de le déduire. Par exemple, le contexte d’un lien “Voir plus” peut être donné par un titre ou un paragraphe de texte directement précédent.

Éléments obligatoires (thématique 8 du RGAA)

Les balises HTML apportent du sens au contenu qu’elles contiennent. Lorsque ces balises sont utilisées à des fins de présentation uniquement, la compréhension de la structure de la page peut être rendue difficile pour les utilisateurs de lecteur d’écran.

Il est nécessaire de veiller à ne pas utiliser des balises titre ou paragraphe pour faire de la mise en page. Sur le site, on retrouve de nombreux titres ou paragraphes vides pour créer des espaces visuels. Ces titres et paragraphes doivent être supprimés.

De nombreux utilisateurs naviguent en activant le zoom navigateur. Le logo fixe prend alors une place importante dans la fenêtre, gênant la lecture. Sans être une non-conformité au RGAA, il me semblerait intéressant de réfléchir à un moyen de rendre le logo plus discret.

Pour tester l’affichage, il suffit d’activer le zoom sur votre navigateur. Sur firefox ou chrome, dans le menu du navigateur, définir le zoom à 200%.

Par ailleurs, ce logo offre un rapport de contraste insuffisant entre le texte et le fond vert. Ce n’est pas une non-conformité non plus, un logo étant l’un des cas particuliers listés dans la notice du critère 3.2 du RGAA . Il est cependant intéressant de savoir que certains utilisateurs mal-voyants, notamment des utilisateurs daltoniens, ne peuvent pas percevoir le logo.

PDF

Produire des PDF accessibles n’est pas simple. Cela demande également de solides connaissances, des outils et des habitudes de travail. Le format PDF n’est pas un format fait pour l’accessibilité et c’est souvent une lutte que de parvenir à un résultat acceptable. Aussi, il convient d’offrir une alternative accessible aux documents bureautiques.

Cela peut se faire par la simple création d’une page sur votre site. Vous avez déjà cette habitude d’intégrer le texte des résolutions, par exemple, dans la page qui permet de télécharger le document. Cette pratique est excellente et offre une alternative accessible au fichier PDF.

Il faut cependant s’assurer que toutes les informations présentes dans le document PDF sont bien présentes dans la page web.

Il est à noter que la production d’alternative accessible de certains documents peut être très délicate. Par exemple, le rapport de l’étude statistique sur la loi Duplomb vient cocher beaucoup de cases en matière de problèmes d’accessibilité.

Pour tester l’accessibilité des fichiers PDF, j’utilise l’outil PDF Accessibility Checker . L’onglet WCAG du logiciel indique si le fichier contient des erreurs. S’il n’en contient pas (ce qui est extrêmement rare), je vais alors utiliser un lecteur d’écran pour m’assurer que le contenu est correctement restitué.

Affichage 320px de large

Le RGAA intègre un critère bien étrange. Le site doit être consultable dans une fenêtre de 320px de large sans générer l’apparition d’une bare de défilement horizontale. Il s’agit en fait de reproduire les conditions de navigations d’utilisateurs grand-malvoyants qui zooment parfois jusqu’à 500% pour pouvoir lire le contenu.

Sur le site, quelques pages posent problème. Par exemple : https://www.generationecologie.fr/2025/07/27/les-francaises-et-les-francais-contre-la-promulgation-de-la-loi-duplomb/

Une bonne pratique, lors du développement, est de produire le site complet à cette taille et d’adapter ensuite l’affichage à des dispositifs d’affichage plus large. C’est le mobile first à partir de 320px.

En tant que développeur, je démarre à 320px et suivant les besoins, j’utilise ou non les points de rupture suivants :

/**
Breakpoints :
320px => 20em
480px => 30em
800px => 50em
1024px => 64em
1280px => 80em
1920px => 120em
/**/

Formulaires

Le site a recours à de nombreux formulaires. La thématique du RGAA à ce sujet comporte 13 critères à elle-seule.

De nombreuses corrections sont à apporter bien que beaucoup de bonnes pratiques aient déjà été intégrées dans le design et le développement.

Un des points est la visibilité des champs. Les utilisateurs doivent pouvoir percevoir clairement les champs de saisie. Le contraste, voire l’épaisseur de la bordure du champs sont alors de bons moyens de parvenir à un résultat satisfaisant (contraste de 3:1).

La prise de focus doit également être visible. Le changement de couleur de la bordure est un exercice périlleux, car le rapport de contraste entre la couleur “normale” et la couleur “focus” doit également être supérieur à 3:1. L’utilisation de la propriété css outline peut alors être de bon aloi. Ne pas surcharger le style natif de prise de focus reste en général la plus simple des solutions.

Par ailleurs, une bonne pratique pour annoncer le résultat de la soumission, qu’il y-ait une erreur ou que le résultat soit un succès, est de l’indiquer dans le titre de la page après soumission. Ainsi, les utilisateurs de lecteur d’écran ont l’information directement sans avoir à naviguer dans la page jusqu’au message de retour.
Une autre solution est de mettre une propriété aria-live=“polite” sur le message.

Structure du document

Un dernier point très technique, c’est l’importance de la structure du document. Il s’agit de déterminer les zones principales de la page avec la sémantique html appropriée. Deux critères concernent ce sujet, le 9.2 et le 12.6 .

Sur le site, on est presque tout bon (bravo !), mais le fait de fusionner l’élément <header> et le menu mobile fait que l’attribut role est incorrect. Utiliser ces landmarks (rôles ARIA qui semblent redondants avec la sémantique html5) est l’unique solution pour que les technologies d’assistance puissent atteindre ou éviter efficacement ces zones.

Par ordre des critères du référentiel

Anomalies présentes sur toutes les pages

Aucune erreur commune à toutes les pages.

Anomalies présentes sur les pages spécifiques

Page : Éléments transverses : https://generationecologie.fr/

Critère 6.2

Commentaire(s) : Le lien pour accéder à la recherche n’a pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 9.2

Commentaire(s) : La structure du document n’est pas totalement cohérente. Par exemple : - l’élément <header> qui définit l’entête du site a un attribut role="dialog" - la navigation principale n’a pas d’attribut aria-label

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 9.3

Commentaire(s) : Le lien vers la recherche dans l’entête du site n’est pas compris dans la liste de navigation principale.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.5

Commentaire(s) : La couleur de fond n’est pas définie sur l’élément <body>

Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ?

Critère 12.1

Commentaire(s) : La page Faire un don ne dispose pas de deux systèmes de navigation.

Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins (hors cas particuliers) ?

Critère 12.6

Commentaire(s) : Seul l’élément <main> est doté d’un landmark adéquat.

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 ?

Page : Accueil : https://generationecologie.fr/

Critère 1.1

Commentaire(s) : L’image du bloc Agissez avec nous ! est porteuse d’information et n’a pas d’alternative textuelle.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 6.2

Commentaire(s) : Le lien image de l’actualité Alerte loi Duplomb 2 ! n’a pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 8.9

Commentaire(s)

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 9.1

Commentaire(s) : Dans le premier bloc de contenu, la structuration des titres est incohérente et empêche la compréhension de la structure du contenu.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s)

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.3

Commentaire(s) : Le bloc Agissez avec nous ! présente des problèmes de compréhension.

Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Critère 10.12

Commentaire(s)

Dans chaque page web, les propriétés d’espacement du texte peuvent-elles être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité (hors cas particuliers) ?

Page : Accessibilité : https://generationecologie.fr/

Page : Contact : https://generationecologie.fr/agir-avec-nous/echanger/nous-contacter/

Critère 3.3

Commentaire(s) : La couleur du contour des champs texte du formulaire de contact n’est pas assez contrastée.

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 8.9

Commentaire(s) : La mention du caractère obligatoire de saisie pour les champs du formulaire n’a pas la sémantique html appropriée.

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 11.10

Commentaire(s) : Le message d’erreur après soumission n’est pas correctement lié au champ e-mail.

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.11

Commentaire(s) : Dans le formulaire, le message d’erreur du champ email n’inclut pas de suggestion de saisie.

Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ?

Page : Mentions légales : https://generationecologie.fr/mentions-legales/

Page : Politique de confidentialité : https://generationecologie.fr/politique-de-confidentialite/

Critère 9.3

Commentaire(s) : La liste d’items présentée sous le titre Wordpress n’est pas correctement structurée.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Page : Recherche : https://generationecologie.fr/?s=

Critère 3.3

Commentaire(s) : La couleur utilisée pour la bordure des champs de formulaire n’est pas suffisament contrastée.

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 8.6

Commentaire(s) : Le titre de la page Résultats de recherche pour « » n’est pas pertinent dans la mesure où on n’a pas encore lancé de recherche.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Page : Résultats d’une recherche : https://generationecologie.fr/?s=d%C3%A9croissance&type=podcast

Critère 3.1

Commentaire(s) : Le filtre actif est indiqué par la couleur.

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

Commentaire(s) : La couleur utilisée pour la bordure des champs de formulaire n’est pas suffisament contrastée.

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 8.6

Commentaire(s) : Le type de contenu n’apparaît pas dans le titre.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 9.3

Commentaire(s) : Les liens d’écoute ou de téléchargement des podcasts ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Page : S’inscrire à la newsletter : https://generationecologie.fr/newsletter/

Critère 3.3

Commentaire(s) : Le champs de saisie de l’adresse mail dans le formulaire n’est pas perceptible (rapport de contraste de 1.32: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 8.9

Commentaire(s) : Dans le formulaire, la mention du caractère obligatoire n’a pas la sémantique html appropriée.

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 11.10

Commentaire(s)

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.11

Commentaire(s) : Dans le formulaire, le message d’erreur du champ email n’inclut pas de suggestion de saisie.

Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ?

Aucune erreur sur cette page.

Page : Qui sommes-nous ? : https://generationecologie.fr/a-propos/generation-ecologie/qui-sommes-nous/

Critère 8.9

Commentaire(s) : Des paragraphes vides sont utilisés à des fins de présentation.

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 9.1

Commentaire(s) : Le titre Tenez-vous au courant de l’actualité de Génération Écologie est de niveau 3 et devrait être de niveau 2.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : Dans les sections Découvrir Génération Écologie et La charte de l’action écoféministe, les listes de liens ne sont pas structurées en liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 13.3

Commentaire(s) : Les trois documents PDF ne sont pas compatibles avec l’accessibilité et n’ont pas d’alternative accessible.

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Page : L’équipe : https://generationecologie.fr/a-propos/notre-organisation/lequipe/

Critère 7.1

Commentaire(s) : Les fenêtres modales de présentation des membres de l’équipe ne suivent pas totalement le motif de conception ARIA Modal.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 8.9

Commentaire(s) : Des paragraphes vides sont utilisés pour créer des espaces dans les fenêtres modales.

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 ?

Aucune erreur sur cette page.

Page : La commission Écoféminisme : https://generationecologie.fr/minformer/nos-groupes-de-travail/la-commission-ecofeminisme/

Critère 1.1

Commentaire(s) : L’image présente dans la section d’inrtroduction est porteuse d’information et a une alternative vide.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 8.7

Commentaire(s) : Le changement de langue dans le titre de l’actualité “We are coming” : la sororité pour l’égalité et l’émancipation n’est pas indiqué.

Dans chaque page web, chaque changement de langue est-il indiqué dans le code source (hors cas particuliers) ?

Critère 8.9

Commentaire(s) : Dans la page, des paragraphes vides sont utilisés pour créer des espacements.

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 9.4

Commentaire(s) : Les citations sont présentes dans les titres des actualités et ne sont pas indiquées.

Dans chaque page web, chaque citation est-elle correctement indiquée ?

Page : Actualités : https://generationecologie.fr/minformer/nos-ressources/nos-actualites/

Critère 6.2

Commentaire(s) : cf. même critère en P02 (Page d’accueil)

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 9.1

Commentaire(s) : Le titre Tenez-vous au courant de nos prochaines actualités est de niveau 3 et devrait être de niveau 2.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : Les liens Recherche et Dossiers thématiques doivent être intégrés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Page : Actualité 1 : https://generationecologie.fr/2025/07/27/les-francaises-et-les-francais-contre-la-promulgation-de-la-loi-duplomb/

Critère 6.2

Commentaire(s) : Les liens vers les réseaux sociaux dans la fenêtre modale de partage n’ont pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 9.2

Commentaire(s) : Les liens Article précédent et Article suivant ne sont pas compris dans un élément <nav>.

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 9.3

Commentaire(s) : Les liens de partage vers les réseaux sociaux ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 13.3

Commentaire(s) : Le rapport d’étude téléchargeable n’a pas de version accessible.

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Page : Actualité 2 : https://generationecologie.fr/2025/07/09/loi-duplomb-adoptee-la-bataille-de-la-sante-environnementale-doit-samplifier/

Critère 2.1

Commentaire(s) : Le cadre utilisé pour la vidéo n’a pas de titre.

Chaque cadre a-t-il un titre de cadre  ?

Critère 4.1

Commentaire(s) : La vidéo n’a pas de transcription textuelle.

Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?

Critère 4.5

Commentaire(s) : La vidéo n’a pas d’audiodescription.

Chaque média temporel pré-enregistré a-t-il, si nécessaire, une audiodescription synchronisée (hors cas particuliers) ?

Critère 4.7

Commentaire(s) : La vidéo n’est pas clairement identifiable.

Chaque média temporel est-il clairement identifiable (hors cas particuliers) ?

Critère 4.11

Commentaire(s) : Le lecteur vidéo n’est pas contrôlable au clavier.

La consultation de chaque média temporel est-elle, si nécessaire, contrôlable par le clavier et tout dispositif de pointage  ?

Critère 6.2

Commentaire(s) : cf. P14 (Actualité 1)

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 9.2

Commentaire(s) : cf. P14 (Actualité 1)

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 9.3

Commentaire(s) : cf. P14 (Actualité 1)

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.1

Commentaire(s) : L’attribut frameborderest utilisé sur l’élément <iframe>.

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information  ?

Critère 10.11

Commentaire(s) : Une bare de défilement horizontale est nécessaire lorsque la page est affichée dans une largeur de 320px.

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 13.3

Commentaire(s) : Les documents PDF ne sont pas accessibles et n’ont pas d’alternative accessible.

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Page : Actualité 3 : https://generationecologie.fr/2025/03/07/8-mars-2025-stop-aux-violences-stop-aux-reculs-des-droits-des-femmes/

Critère 6.2

Commentaire(s) : cf. P14 (Actualité 1)

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s) : cf. P14 (Actualité 1)

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 9.2

Commentaire(s) : cf. P14 (Actualité 1)

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 9.3

Commentaire(s) : cf. P14 (Actualité 1)

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 9.4

Commentaire(s) : La citation n’est pas correctement indiquée.

Dans chaque page web, chaque citation est-elle correctement indiquée ?

Page : Dossier thématique 1 : https://generationecologie.fr/sinformer/nos-ressources/dossiers-thematiques/neonicotinoides-quand-cest-non-cest-non/

Critère 3.2

Commentaire(s) : Les chiffres clés dans le bloc En quelques chiffres… offrent un rapport de contraste insuffisant.

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) ?

Critère 6.1

Commentaire(s) : Le lien Voir plus dans le bloc des actualités n’est pas explicite.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 8.9

Commentaire(s) : Des titres et paragraphes vides sont utilisés pour ajouter des espaces.

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 9.1

Commentaire(s) : Les titres de section (titres de couleur pourpre) doivent être de niveau 2.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : Les liens d’écoute ou de téléchargement des podcasts ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 13.3

Commentaire(s) : Le dossier PDF en téléchargement n’est pas accessible et n’a pas d’alternative accessible.

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Page : Adhérer : https://generationecologie.fr/agir-avec-nous/sengager/adherer/

Critère 3.1

Commentaire(s) : L’état d’avancement du formulaire est indiqué uniquement par la couleur.

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

Commentaire(s) : Les champs de saisie du formulaire ne sont pas suffisament contrastés.

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 8.9

Commentaire(s) : La mention du caractère obligatoire des champs dans le formulaire n’a pas la sémantique html appropriée.

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 9.4

Commentaire(s) : Les citations des articles de loi ne sont pas indiquées correctement.

Dans chaque page web, chaque citation est-elle correctement indiquée ?

Critère 10.7

Commentaire(s) : La prise de focus sur la liste déroulante dans le formulaire n’est pas visible.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.5

Commentaire(s) : Les champs de même nature ne sont pas regroupés.

Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?

Critère 11.10

Commentaire(s)

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.11

Commentaire(s) : Les messages d’erreur relatifs au format de données n’offrent pas tous un exemple de saisie.

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

Commentaire(s) : Les données saisies dans le formulaire de paiement ne peuvent être vérifiées par l’utilisateur.

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, les données saisies peuvent-elles être modifiées, mises à jour ou récupérées par l’utilisateur ?

Critère 11.13

Commentaire(s) : La saisie de certains champs du formulaire ne peut pas être facilitée par un remplissage automatique.

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 ?

Aucune erreur sur cette page.

Page : Faire un don : https://generationecologie.fr/mengager/faire-un-don/

Critère 3.1

Commentaire(s) : L’état d’avancement du formulaire est indiqué uniquement par la couleur.

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

Commentaire(s) : Les champs de saisie du formulaire ne sont pas suffisament contrastés.

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 8.9

Commentaire(s)

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 9.1

Commentaire(s) : Le titre Résumé dans le formulaire doit être de niveau 3.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 10.7

Commentaire(s) : La prise de focus sur la liste déroulante dans le formulaire n’est pas visible.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.5

Commentaire(s) : Les champs de même nature ne sont pas regroupés.

Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?

Critère 11.10

Commentaire(s)

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.11

Commentaire(s) : Les messages d’erreur relatifs au format de données n’offrent pas tous un exemple de saisie.

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

Commentaire(s) : Les données saisies dans le formulaire de paiement ne peuvent vérifiées par l’utilisateur.

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, les données saisies peuvent-elles être modifiées, mises à jour ou récupérées par l’utilisateur ?

Critère 11.13

Commentaire(s) : La saisie de certains champs du formulaire ne peut pas être facilitée par un remplissage automatique.

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 ?

Aucune erreur sur cette page.

Page : Nos podcasts : https://generationecologie.fr/sinformer/nos-ressources/nos-podcasts/

Critère 9.1

Commentaire(s) : Le titre Tenez-vous au courant des nouveaux podcasts doit être de niveau 2.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : Les liens d’écoute ou de téléchargement des podcasts ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Page : Podcast : https://generationecologie.fr/nos-podcasts/archive/que-doivent-penser-les-ecologistes-de-la-guerre/

Critère 8.7

Commentaire(s) : Le changement de langue pour le terme backlash doit être indiqué.

Dans chaque page web, chaque changement de langue est-il indiqué dans le code source (hors cas particuliers) ?

Critère 9.3

Commentaire(s) : Les liens d’écoute ou de téléchargement du podcast ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 9.4

Commentaire(s) : Les citations en ligne ne sont pas correctement indiquées.

Dans chaque page web, chaque citation est-elle correctement indiquée ?

Page : Nos résoutions : https://generationecologie.fr/sinformer/nos-positions/nos-resolutions-politiques/

Page : Nos publications : https://generationecologie.fr/publication/

Critère 10.11

Commentaire(s) : Une bare de défilement horizontale est nécessaire pour consulter le site dans une fenêtre de 320px de largeur.

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) ?

Page : Nos communiqués : https://generationecologie.fr/sinformer/nos-positions/nos-communiques/

Page : Publication : https://generationecologie.fr/publication/declaration-de-principes-de-generation-ecologie/

Critère 6.2

Commentaire(s) : Les liens vers les réseaux sociaux dans la fenêtre modale de partage n’ont pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 9.3

Commentaire(s) : Les liens de partage vers les réseaux sociaux ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 13.4

Commentaire(s) : Le contenu accessible de la page n’est pas tout à fait complet.

Pour chaque document bureautique ayant une version accessible, cette version offre-t-elle la même information ?

Aucune erreur sur cette page.

Page : Agenda : https://generationecologie.fr/agenda/

Critère 9.1

Commentaire(s) : Le titre Tenez-vous au courant de nos prochains évènements doit être de niveau 2.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 10.11

Commentaire(s) : Une bare de défilement horizontale est nécessaire lorsque la page est affichée dans une largeur de 320px.

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) ?

Page : Événément : https://generationecologie.fr/agenda/espace-decoute-et-de-parole-de-la-commission-emotions-et-eco-anxiete-2/

Critère 6.2

Commentaire(s) : Les liens vers les réseaux sociaux dans la fenêtre modale de partage n’ont pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 9.3

Commentaire(s) : Les liens de partage vers les réseaux sociaux ne sont pas structurés dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 11.10

Commentaire(s) : L’indication sur le caractère obligatoire n’est pas correctement liée à la case à cocher obligatoire.

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.13

Commentaire(s) : La saisie dans les champs du formulaire ne peut pas être déduite.

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 ?

Tous les critères non conformes du site

Critère 1.1
Certaines images porteuses d’information n’ont pas d’alternative textuelle.

Critère 2.1
Certains cadres n’ont pas de titre de cadre.

Critère 3.1
Pour certaines pages web, l’information est donnée uniquement par la couleur.

Critère 3.2
Pour certaines pages web, le contraste entre la couleur du texte et la couleur de son arrière-plan n’est pas suffisamment élevé.

Critère 3.3
Pour certaines pages web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations ne sont pas suffisamment contrastées

Critère 4.1
Certains médias temporels pré-enregistrés n’ont pas de transcription textuelle ni d’audiodescription.

Critère 4.5
Certains médias temporels pré-enregistrés n’ont pas, d’audiodescription synchronisée.

Critère 4.7
Certains médias temporels ne sont pas identifiables.

Critère 4.11
La consultation de certains médias temporels ne sont pas contrôlables par le clavier et tout dispositif de pointage.

Critère 6.1
Certains liens ne sont pas explicites.

Critère 6.2
Pour certaines pages web, certains liens n’ont pas d’intitulé.

Critère 7.1
Certains scripts ne sont pas compatibles avec les technologies d’assistance.

Critère 8.6
Pour certaines pages web ayant un titre de page, ce titre est non pertinent.

Critère 8.7
Pour certaines pages web, certains changements de langue n’est pas indiqué dans le code source.

Critère 8.9
Pour certaines pages web, les balises ne doivent pas être utilisées uniquement à des fins de présentation.

Critère 9.1
Pour certaines pages web, l’information n’est pas structurée par l’utilisation appropriée de titres.

Critère 9.2
Pour certaines pages web, la structure du document n’est pas cohérente.

Critère 9.3
Pour certaines pages web, certaines listes ne sont pas correctement structurées.

Critère 9.4
Pour certaines pages web, certaines citations ne sont pas correctement indiquées.

Critère 10.1
Dans le site web, des feuilles de styles ne sont utilisées pour contrôler la présentation de l’information.

Critère 10.3
Pour certaines pages web, l’information ne reste pas compréhensible lorsque les feuilles de styles sont désactivées.

Critère 10.5
Pour certaines pages web, les déclarations CSS de couleurs de fond d’élément et de police ne sont pas correctement utilisées.

Critère 10.7
Pour certaines pages web, pour certains éléments recevant le focus, la prise de focus n’est pas visible.

Critère 10.11
Pour certaines pages web, les contenus sont présentés en ayant recours à la fois à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou une largeur de 320px.

Critère 10.12
Pour certaines pages web, les propriétés d’espacement du texte ne peuvent pas être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité.

Critère 11.5
Pour certains formulaires, les champs de même nature ne sont pas regroupés, si nécessaire.

Critère 11.10
Pour certains formulaires, certains contrôles de saisie ne sont pas utilisés de manière pertinente.

Critère 11.11
Pour certains formulaires, certains contrôles de saisie ne sont pas accompagnés de suggestions facilitant la correction des erreurs de saisie.

Critère 11.12
Pour certains formulaires qui modifient ou suppriment des données, ou qui transmettent des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, la saisie des données ne vérifie pas une des conditions de : modification, annulation, vérification…

Critère 11.13
La finalité de certains champs de saisie ne peut pas être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur.

Critère 12.1
Certains ensembles de pages ne disposent pas de deux systèmes de navigation différents, au moins.

Critère 12.6
Certaines 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) ne pas peuvent être atteintes ou évitées.

Critère 13.3
Pour certaines pages web, certains documents bureautiques en téléchargement ne possèdent pas une version accessible.

Critère 13.4
Pour certains documents bureautiques ayant une version accessible, cette version n’offre pas la même information.