Retour à la page projet

Audit Accessibilité pour evoriel.fr

Scores - 106 critères

Accéder à la déclaration

Conformité globale selon les critères

  • 44%
    Critères conformes
  • 56%
    Critères non conformes
  • 26
    Critères conformes
  • 48
    Critères non applicables
  • 32
    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

Notes correctives

Beaucoup de petites erreurs

Le site evoriel.fr est parfait pour gagner en compétences sur l’accessibilité. Il est simple, clair et la plupart des erreurs sont simples à corriger. Ces erreurs concernent les développeurs, les designers mais également les contributeurs.

Avec un score de moins de 50%, le site est non-conforme. Avec peu de travail, il est possible d’améliorer significativement ce score.

Pour de nombreux utilisateurs handicapés, il est actuellement impossible d’accéder à certaines pages ou à certaines informations. Il est donc primordial de corriger les points bloquants, notamment sur les sujets autour de la navigation.

Les erreurs de contribution les plus courantes

Images

La quasi totalité des images présentes sur le site sont des images d’illustration. Elles n’apportent pas d’information significative en complément du texte alentour. Pour toutes ces images, il est nécessaire de laisser le champ d’alternative textuelle vide.

La navigation d’un utilisateur de lecteur d’écran (utilisateur aveugle ou grand malvoyant) est notablement alourdie par la vocalisation des images qui n’ont pas besoin de l’être.

Une image est porteuse d’information lorsqu’elle comporte des éléments significatifs, textuels ou non, qui ne sont pas dans le texte. Par exemple, une vignette d’actualité qui comporte un nom de marque qui n’est pas repris dans le titre de l’actualité.

Une personne aveugle aura accès via son lecteur d’écran au titre de l’actualité, mais pas au contenu de l’image. Il est alors nécessaire de fournir une alternative textuelle à l’image afin de faire apparaître le nom de la marque.

C’est le cas par exemple de la vignette de l’actualité Evoriel Bridgepoint. Bridgepoint apparaît sur l’image, mais pas dans le titre ( https://www.evoriel.fr/notre-actualite?page=2) .

Pour les autres actualités, les images ne sont pas porteuses d’information significative qui n’apparaît pas dans le titre. Leur alternative textuelle doit alors être laissée vide.

Paragraphes ou titres vides utilisés pour créer des espacements

Certaines technologies d’assistance restituent les paragraphes ou les titres lorsqu’ils sont vides. Un utilisateur de ces technologies d’assistance va donc être gêné (par exemple, entendre “vide, vide, vide, vide”) lorsqu’il parcourra un contenu dans lequel ont été utilisés des paragraphes ou des titres vides pour créer de l’espace dans un texte.

La mise en page doit être réalisée via les styles css et les titres et paragraphes vides doivent être supprimés.

Listes

Lorsqu’une liste apparaît dans un texte, il est essentiel d’utiliser l’outil de création de liste et non de réaliser une liste visuelle à l’aide de tirets ou de puces.

Les technologies d’assistance donnent des informations essentielles à la compréhension lorsque l’utilisateur navigue sur une liste. Si la liste n’est pas correctement structurée, un utilisateur de lecteur d’écran ne comprendra pas forcément qu’il s’agit d’une liste, il ne pourra pas comprendre non plus qu’il aura changé d’item, etc. Où commence la liste, où finit-elle, combien comporte-t-elle d’items ? Toutes ces informations sont données par les technologies d’assistance lorsqu’une liste est correctement structurée.

Citations

De même que pour les listes, l’utilisation des outils de création de citations appropriés est essentielle à la compréhension de nombreux utilisateurs. Il existe deux types de citations, les citations en ligne (dans le cours du texte) et les citation en bloc (citation qui forme un paragraphe à part entière). Votre outil de contribution devrait vous permettre d’intégrer les deux types de citations correctement.

Mots anglais

Un mot ou un ensemble de mots écrit dans une autre langue dans une page en français peut être totalement incompréhensible pour les utilisateurs de lecteur d’écran. Votre outil de contribution devrait vous permettre de définir la langue du mot. Sur evoriel.fr, les termes Property Management reviennent régulièrement.

Vidéos

Rendre une vidéo accessible à tous peut vite représenter une somme de travail colossale !

Un utilisateur sourd ou malentendant ne peut percevoir le son, peut également avoir de grandes difficultés à lire les textes, un utilisateur aveugle ou malvoyant ne pourra pas voir ce qui s’y passe, un utilisateur avec un trouble de l’attention ou une dyslexie préfèrera de loin un texte statique…

Aussi, à chaque fois que vous souhaitez intégrer une vidéo dans le site, pensez accessibilité. Une version accessible (textuelle) du contenu est-elle disponible a minima ? Est-ce possible de fournir des sous-titres ? Une audiodescription ? Une transcription textuelle ?

Document bureautique

Le format PDF est extrêmement répandu, il est pourtant bien plus simple de rendre accessible une page html ou un document word qu’un document PDF.

Assurez-vous, lorsque vous publiez un communiqué de presse, que l’ensemble des informations comprises dans le document PDF sont présentes dans la page web. Celle-ci fournira une alternative accessible à défaut de mettre en place un processus de production de PDF accessibles.

Les erreurs bloquantes

Ces erreurs sont à corriger par l’équipe de production du site.

Le menu

Le menu de navigation présente de nombreux problème et empêche les utilisateurs qui naviguent au clavier d’accéder aux pages.

La navigation principale doit être identifiée à l’aide d’une balise nav, l’ensemble des items doivent être compris dans une liste ul/li, et les comportements javascript doivent impérativement suivre les motifs de conception ARIA (Button, Disclosure, Modal)

Le formulaire de contact

Les champs personnalisés du formulaire ne sont pas utilisables au clavier. Les utilisateurs qui naviguent au clavier sont nombreux…

Il est préférable d’utiliser les éléments natifs. Si ce n’est pas envisageable, suivez les motifs de conception ARIA.

De nombreux autres points sont très gênants sur le formulaire, veillez à utiliser correctement les attributs ARIA, autocomplete et à fournir des exemples de saisie perceptibles (pas dans le placeholder).

Liens vides

Certains liens n’ont pas d’intitulé accessible (les expertises sur la page groupe). Il est essentiel de fournir un intitulé accessible (texte ou légende d’image).

Contrastes

Certaines prises de focus sont imperceptibles pour les utilisateurs malvoyant. Ne surchargez pas le style de focus par défaut ou assurez-vous qu’il soit suffisamment contrasté.

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

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://www.evoriel.fr/

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)

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

Critère 9.3

Commentaire(s)

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

Critère 10.4

Commentaire(s) : Les items du menu mobile ne sont pas utilisables lorsque la taille des caractères est augmenté à 200 %.

Dans chaque page web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu’à 200%, au moins (hors cas particuliers) ?

Critère 12.1

Commentaire(s) : Un seul système de navigation est mis à disposition des utilisateurs.

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) : Les zones de contenus ne peuvent être atteintes ou évitées.

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

Commentaire(s) : Le site ne dispose pas de lien d’accès rapide.

Dans chaque page web, un lien d’évitement ou d’accès rapide à la zone de contenu principal est-il présent (hors cas particuliers) ?

Critère 12.8

Commentaire(s) : Le choix de l’utilisation des cookies est préalable à la consultation de la page, le bandeau doit être le premier élément dans l’ordre du code.

Dans chaque page web, l’ ordre de tabulation est-il cohérent  ?

Critère 12.11

Commentaire(s) : Les sous-menus de la navigation principale ne sont pas atteignables au clavier.

Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ?


Page : Page d'accueil : https://www.evoriel.fr/

Critère 1.2

Commentaire(s) : Toutes les images de la page (hors éléments transverses) sont à considérer comme des images de décoration et ont actuellement une alternative textuelle.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.2

Commentaire(s) : Le contraste de la date et du type des actualités est de 3.07:1

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) : Les liens menant vers les actualités ne sont pas explicites. Le contexte n’est pas suffisament clair, le paragraphe précédent est la date et le titre de l’actualité n’a pas la sémantique d’un titre.

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

Critère 8.7

Commentaire(s) : Le changement de langue devrait être indiqué pour le terme Property Management

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 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 10.3

Commentaire(s) : La structure des remontées des actualités doit être modifiée pour pouvoir être compréhensible.

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

Critère 10.7

Commentaire(s) : Le focus sur les liens vers les marques n’est pas suffisament perceptible

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


Page : Page nous contacter : https://www.evoriel.fr/contactez-nous

Critère 3.2

Commentaire(s) : Le lien dans l’encart des données personnelles n’offre pas un contraste suffisant (3.85 au lieu de 4.5)

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 3.3

Commentaire(s) : La bordure de la liste déroulante 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 7.3

Commentaire(s)

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?

Critère 10.7

Commentaire(s) : Le focus sur les champs du formulaire n’est pas suffisament perceptible

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

Critère 10.11

Commentaire(s) : Le texte à propos des données personnelles n’est pas complètement lisible.

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 11.5

Commentaire(s) : Les options de la civilité doivent être regroupées dans le code.

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 sur les format de données attendus pour les champs Prénom, Nom et Email doivent comporter un exemple réel 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.13

Commentaire(s) : Les champs Nom, Prénom et Email doivent permettre le 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 ?


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

Critère 8.9

Commentaire(s) : De nombreux paragraphes et titre visdes sont utilisés pour créer 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) : De nombreux titres apparaissent et n’ont pas la sémantique adéquate

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

Critère 9.3

Commentaire(s) : De nombreuses listes apparaissent et n’utilisent pas la sémantique adéquate

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


Page : Page builder : https://www.evoriel.fr/qui-sommes-nous/le-groupe

Critère 6.2

Commentaire(s) : Les liens dans le bloc “Nos expertises” n’ont pas d’intitulé

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

Critère 8.7

Commentaire(s) : Le terme “property management” apparaît à plusieurs reprises

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 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 textes décrivant l’expertise ne doivent pas être des titres

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


Page : Page actualités 1 : https://www.evoriel.fr/notre-actualite

Critère 1.1

Commentaire(s) : L’image de l’actualité “EVORIEL : Une nouvelle dynamique pour un acteur français majeur des services immobiliers” évoque “Bridgepoint” qui n’est pas inclus dans son titre, cette image est ainsi porteuse d’une information et n’a pas d’alternative textuelle.

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

Critère 1.2

Commentaire(s) : Les vignettes des actualités (hors actualité indiquée en 1.1) sont à considérer comme des images de décoration et ont une alternative textuelle.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.2

Commentaire(s) : Le contraste de la date et du type des actualités est de 3.07:1

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) : Les liens menant vers les actualités ne sont pas explicites. Le contexte n’est pas suffisament clair, le paragraphe précédent est la date et le titre de l’actualité n’a pas la sémantique d’un titre.

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

Critère 8.6

Commentaire(s) : Lorsque les actualités sont filtrées ou bien que la pagination est utilisée, le titre de la page doit le mentionner

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

Critère 8.7

Commentaire(s) : Les liens de la pagination ont des intitulé en anglais

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

Critère 9.2

Commentaire(s) : La pagination n’est pas structurée via une balise <nav>.

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

Critère 10.3

Commentaire(s) : La structure des remontées des actualités doit être modifiée pour pouvoir être compréhensible.

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

Critère 10.7

Commentaire(s)

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


Page : Page actualités 2 : https://www.evoriel.fr/notre-actualite/evoriel-annonce-l-acquisition-de-terranae-acteur-cle-de-la-gestion-d-actifs-immobiliers-commerciaux-par-sa-filiale-richardiere

Critère 1.2

Commentaire(s) : L’image de couverture n’est pas porteuse d’information

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 8.7

Commentaire(s) : Le changement de langue devrait être indiqué pour le terme Property Management à chaque fois qu’il apparaît

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

Critère 8.9

Commentaire(s) : De nombreux paragraphes et titre vides sont utilisés pour créer 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.4

Commentaire(s) : Deux citations apparaissent dans le texte et ne sont pas correctement indiquées

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

Critère 10.7

Commentaire(s) : Le focus sur le liens de téléchargement du dossier de presse n’est pas perceptible

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

Critère 13.4

Commentaire(s) : Le communiqué de presse en PDF n’est pas accessible. Le paragraphe de description du groupe et le contact presse présents dans le communiqué ne sont pas présents sur la page html qui constitue la version accessible du document.

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


Page : Page nous rejoindre  : https://www.evoriel.fr/nous-rejoindre

Critère 1.2

Commentaire(s) : L’image d’illustration n’est pas porteuse d’information et doit être ignorée par les technologies d’assistance

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

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

  1. Les textes dans les encarts de la section “Travailler chez Evoriel” sont actuellement des titres de niveau 5

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

Critère 10.7

Commentaire(s) : Le focus sur le lien présent dans l’introduction n’est pas suffisament perceptible

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

Critère 10.11

Commentaire(s) : Le lien de l’encart “Rejoignez-nous” n’est plus lisible lorsque la fenêtre a 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 : Page actualité avec vidéo : https://www.evoriel.fr/notre-actualite/un-projet-de-renovation-energetique-a-l-honneur-zoom-sur-la-visite-de-yael-braun-pivet-presidente-de-l-assemblee-nationale-a-verneuil-sur-seine

Critère 1.2

Commentaire(s) : L’image d’illustration de l’actualité n’est pas porteuse d’information

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 2.1

Commentaire(s) : Le cadre du lecteur vidéo n’a pas de titre

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

Critère 4.8

Commentaire(s) : La vidéo comporte de nombreuses informations qui n’apparaissent pas ailleurs

Chaque média non temporel a-t-il, si nécessaire, une alternative (hors cas particuliers) ?

Critère 8.9

Commentaire(s) : La thématique de l’actualité est structurée à l’aide d’élements <div> et <span>

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 10.1

Commentaire(s) : Les attributs width et height sont utilisés sur le cadre du lecteur vidéo

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

Aucune erreur sur cette page.


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 1.2
Certaines images de décoration ne sont pas correctement ignorées par les technologies d’assistance.

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

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.8
Certains médias non temporels n’ont pas d’alternative.

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 7.3
Certains scripts ne sont pas contrôlables par le clavier et par tout dispositif de pointage.

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.4
Pour certaines pages web, le texte n’est pas lisible lorsque la taille des caractères est augmentée jusqu’à 200%, au moins.

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 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.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 12.7
Pour certaines pages web, un lien d’évitement ou d’accès rapide à la zone de contenu principal n’est pas présent.

Critère 12.8
Pour certaines pages web, l’ordre de tabulation n’est pas cohérent.

Critère 12.11
Pour certaines pages web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface ne sont pas si nécessaire atteignables au clavier.

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