Introduction
Ce rapport accompagne le relevé d'audit effectué sur le site « INRA ».
La méthodologie d'audit employée repose sur le référentiel RAWeb 1, consultable à l'adresse suivante : https://accessibilite.public.lu/fr/raweb1/index.html
L'audit a été réalisé au moyen de l'utilisation de navigateurs web et d'outils spécialisés. Des tests de restitution ont également été effectués conformément à la base de référence définie par le RAWeb 1.
Échantillon
L'audit a porté sur un échantillon de 12 pages :
| Nº page | Titre de la page | URL |
|---|---|---|
| P01 | Accueil | https://inra.public.lu/fr.html |
| P02 | Contact | https://inra.public.lu/fr/support/contact.html |
| P03 | Aspects légaux | https://inra.public.lu/fr/support/aspects-legaux.html |
| P04 | Accessibilité | https://inra.public.lu/fr/support/accessibilite.html |
| P05 | Plan du site | https://inra.public.lu/fr/support/sitemap.html |
| P06 | Résultat de recherche | https://inra.public.lu/fr/support/recherche.html?q=arch%C3%A9ologie&oQ=arch%C3%A9logie |
| P07 | Présentation de l'INRA | https://inra.public.lu/fr/inra/presentation-inra.html |
| P08 | Organisation et annuaire | https://inra.public.lu/fr/inra/organisation-annuaire.html |
| P09 | Éditions INRA | https://inra.public.lu/fr/inra/editions-inra.html |
| P10 | Journées d'actualité de la recherche archéologique | https://inra.public.lu/fr/archeologie/activites-operationnelles-scientifiques/journees-d-actualites.html |
| P11 | Archéologie | https://inra.public.lu/fr/archeologie.html |
| P12 | Demande d'autorisation de détecteurs de métaux | https://inra.public.lu/fr/espace-professionnel/prospecteur/demande-autorisation-detecteur-metaux.html |
Environnement de test (base de référence)
Quelques critères RAWeb, notamment ceux de la thématique JavaScript, incluent des tests de restitution à effectuer sur des technologies d'assistance associées à des navigateurs et des systèmes d'exploitation. Pour qu'un dispositif HTML / WAI-ARIA ou son alternative soit considéré comme compatible avec l'accessibilité, il faut qu'il soit pleinement fonctionnel, en termes de restitution et de fonctionnalités sur certaines combinaisons. Vous trouverez une explication détaillée de cet environnement de tests dans le document du RAWeb 1.
Nous détaillons ci-dessous la base de référence utilisée pour réaliser les tests de restitution des composants du site.
Environnement de test – ordinateur
| Technologie d'assistance | Navigateur |
|---|---|
| NVDA 2024.4.2 | Firefox 136.0.4 |
| JAWS 2024 | Chrome 134.0 |
| VoiceOver (macOS Sonoma version 14.6) | Safari 17.6 |
Environnement de test — mobile
| Système d'exploitation | Technologie d'assistance | Navigateur |
|---|---|---|
| Android natif | TalkBack (dernière version) | Chrome |
| iPhone | VoiceOver (dernière version) | Safari |
Accessibilité des pages auditées
Le site présente un niveau général d'accessibilité excellent.
Le niveau de conformité relevé atteint 90% de conformité au RAWeb sur l'ensemble des pages auditées.
Le site est partiellement conforme.
Note sur le calcul de conformité
La conformité globale (Tableau « Conformité RAWeb 1 ») est calculée de la manière suivante : C / (C+NC). C'est le nombre de critères conformes et NC le nombre de critères non conformes.
C'est ce nombre qui constitue la référence légale. Il représente le taux de conformité de l'échantillon.
Il est normal que le taux de conformité global diffère sensiblement du taux de conformité par page. En effet, un critère NC (non conforme) sur une page rend le critère non conforme sur l'ensemble de l'échantillon.
Pour qu'un site soit conforme (100 % des critères applicables sont conformes), il est nécessaire que le taux de conformité par page équivaille à 100 %.
Moyenne par pages
| Nº page | Titre de la page | %C |
|---|---|---|
| P01 | Accueil | 93,75% |
| P02 | Contact | 95,56% |
| P03 | Aspects légaux | 97,14% |
| P04 | Accessibilité | 97,50% |
| P05 | Plan du site | 94,44% |
| P06 | Résultat de recherche | 95,128% |
| P07 | Présentation de l'INRA | 95,24% | >
| P08 | Organisation et annuaire | 97,30% |
| P09 | Editions INRA | 93,75% |
| P10 | Journées d'actualité de la recherche archéologique | 91,89% |
| P11 | Archéologie | 97,22% |
| P12 | Demande d'autorisation détecteur de métaux | 97,37% |
Moyenne par thématiques
| Thématiques | C | NC |
|---|---|---|
| Images | 66,67% | 33,33% |
| Cadres | NA | NA |
| Couleurs | 100% | 0% |
| Multimédia | 100% | 0% |
| Tableaux | 100% | 0% |
| Liens | 50% | 50% |
| Script | 66,67% | 33,33% |
| Éléments obligatoires | 75% | 25% |
| Structuration | 100% | 0% |
| Présentation | 91,67% | 8,33% |
| Formulaires | 100% | 0% |
| Navigation | 100% | 0% |
| Consultation | 75% | 25% |
| Documentation | 100% | 0% |
| Outils d'édition | NA | NA |
| Assistance | 100% | 0% |
| Communication | NA | NA |
Impacts utilisateurs
Les principales personnes impactées sont les personnes aveugles et celles qui naviguent au clavier. Les problèmes liés aux scripts et aux documents bureautique rendent parfois difficile l'utilisation du site par ces utilisateurs et/ou leur accès aux informations.
Exemptions
Sont listés ci-dessous les contenus exemptés de l’obligation d’accessibilité. Ils n’entrent pas dans le calcul de la conformité et ne sont pas audités.
- gestionnaire de cookies Orejime
- documents pdf tiers
- cartes
Note sur le relevé des non-conformités
Ne sont cités dans ce rapport que quelques exemples issus du relevé des non-conformités.
De plus, toutes les occurrences d'une non-conformité ne sont pas listées dans le relevé. Par exemple : pour les non-conformités liées aux changements de langue, le relevé mentionne quelques occurrences, mais ne les cite pas toutes.
Avis
Le site a un niveau d'accessibilité excellent, et la plupart des non-conformités sont rapidement corrigeable et ne sont pas des non-conformités sévèrement bloquantes. L'exception est la non-conformité sur le menu principal qui rend la navigation sur tout le site compliqué pour certaines personnes handicapées.
Les non-conformités les plus bloquantes pour les utilisateurs concernent :
- Les scripts sur le menu
- L'inaccessibilité des documents bureautiques
Ce sont donc ces points qui devront nécessiter une attention toute particulière et qui demanderont le plus d'efforts.
Annexe technique
Images
Recommandation
Donner à chaque image porteuse d'information une alternative textuelle pertinente et une description détaillée si nécessaire. Lier les légendes à leurs images. Remplacer les images textes par du texte stylé lorsque c'est possible.
Images de décoration
Le site contient des images de décoration qui ne sont pas correctement identifiées, soit parce qu'elles ont une alternative renseignée, soit parce qu'il manque les attributs nécessaires pour qu'elles soient ignorées par les technologies d'assistance.
Ces images n'apportent aucune information et peuvent causer des problèmes de compréhension pour les aveugles et les grands malvoyants qui vont écouter les contenus avec un lecteur d'écran.
- Dans le cas d'une image insérée avec la balise
img, mettre unalt="". - Dans le cas d'une image insérée avec la balise
svg, mettre une propriété ARIAaria-hidden="true".
Constats sur le site
Des images décoratives ont des textes alternatifs alors qu'ils devraient être vides comme dans la page d'accueil.
Liens
Recommandation :
Donner des intitulés de lien explicites, grâce à des informations de contexte notamment, utiliser le titre de lien le moins possible. S'assurer que le nom visible est contenu dans le nom accessible.
Pertinence des intitulés
Un lien possède généralement un intitulé et un contexte. L'intitulé est le texte présent dans la balise
<a> (ou la valeur de l'attribut alt de l'image dans le cas d'un
lien-image) et le contexte du lien est représenté par le titre qui précède, le titre du lien
(l'infobulle) ou tout simplement le texte dans lequel il est inséré.
Pour être considéré comme pertinent, l'intitulé d'un lien doit permettre de comprendre sa destination en prenant en compte son contexte.
Constats sur le site
Des titres (title) de liens ne reprennent pas l'intitulé, comme dans la page "journées d'actualité de recherche archéologique" où les intitulés "téléchargez le programme" ne sont pas repris dans les title.
Scripts
Recommandation :
Donner si nécessaire à chaque script une alternative pertinente. Rendre possible le contrôle de chaque code script au moins par le clavier et la souris et s'assurer de leur compatibilité avec les technologies d'assistance. Identifier les messages de statut lorsque c'est nécessaire.
Utilisation des boutons et des liens
Pour les aveugles et les grands malvoyants qui utilisent un lecteur d'écran, ce manque de distinction claire entre les liens et les boutons peut poser de graves problèmes.
Ainsi, un bouton implémenté sous la forme d'un lien qui déclenche une action de la page, risque de perturber l'utilisateur qui s'attendra au chargement d'une nouvelle page.
De manière générale, les liens devraient être réservés à l'affichage d'une nouvelle page ou la création de liens d'accès rapide dans le contenu. Dans tous les autres cas, l'emploi d'un bouton d'action est plus pertinent.
Enfin, chaque bouton doit avoir un nom accessible défini, soit par l'intermédiaire d'un texte (visible ou
positionné hors écran) ou d'une propriété title, aria-label ou
aria-labelledby.
Constats sur le site
Les sous-menus du menu principal sont déclenchés par des liens au lieu de boutons.
Éléments obligatoires
Recommandation
Vérifier que chaque page web a un code valide selon le type de document, un titre pertinent et une indication de langue par défaut. Vérifier que les balises ne sont pas utilisées uniquement à des fins de présentation, que les changements de langues et de direction de sens de lecture sont indiqués.
Titre de la page
Le titre de la page (visible dans l'onglet du navigateur) est un élément de repère dans le site web. Pour les utilisateurs de lecteurs d'écran (utilisateurs aveugles ou grands malvoyants), c'est le premier élément restitué par le lecteur d'écran au chargement de la page. Cela permet de donner du contexte aux utilisateurs qui n'ont pas une vision globale de la page. C'est l'information à laquelle les utilisateurs avec des troubles de la mémoire accèdent lorsqu'ils naviguent avec l'historique de navigation du navigateur. Il est donc essentiel d'avoir des titres de pages pertinents, concis et très souvent uniques dans le site, et qui reflètent de la position de l'utilisateur dans le site web.
Il est des cas particuliers, comme les pages dont le contenu est une liste de résultats paginés (ex. : les résultats de recherche), pour lesquels le titre doit refléter la nature de la recherche ainsi que le numéro de page en cours de consultation.
Constats sur le site
Dans des pages à pagination comme la page "Editions INRA" ou "Résultat de recherche" par exemple, la pagination n'apparaît pas dans le titre de la page.
Présentation de l'information
Recommandation
Utiliser des feuilles de styles pour contrôler la présentation de l'information. Vérifier l'effet de l'agrandissement des tailles des caractères sur la lisibilité. S'assurer que les liens sont correctement identifiables, que la prise de focus est signalée, que l'interlignage est suffisant et donner la possibilité à l'utilisateur de contrôler la justification des textes. S'assurer que les textes cachés sont correctement restitués et que l'information n'est pas donnée uniquement par la forme ou la position d'un élément. S'assurer que les contenus sont lisibles et utilisables dans une fenêtre de largeur réduite. Veiller à ce que l'application de paramètres typographiques n'entraîne pas la perte de contenu ou de fonctionnalité. S'assurer que les contenus qui apparaissent au survol et à la prise de focus puissent être contrôlés par l'utilisateur.
Contenu compréhensible sans les styles : ordre visible vs ordre réel
Un utilisateur aveugle n'a pas accès à la mise en forme qui parfois est porteuse d'informations importantes, notamment des relations entre les éléments.
Il est important de ne pas implémenter les textes dans l'ordre visuel, mais bien dans l'ordre logique de dépendance et hiérarchie des éléments.
Le contenu doit rester compréhensible sans les feuilles de styles (vous pouvez tester vos contenus en désactivant les feuilles de styles).
Constats sur le site
Dans la page de contact, le texte expliquant ce à quoi on consent en envoyant le formulaire est après le bouton d'envoi.
Consultation
Recommandation
Vérifier que l'utilisateur a le contrôle des procédés de rafraîchissement, des changements brusques de luminosité, des ouvertures de nouvelles fenêtres et des contenus en mouvement ou clignotants. Ne pas faire dépendre l'accomplissement d'une tâche d'une limite de temps sauf si elle est essentielle et s'assurer que les données saisies sont récupérées après une interruption de session authentifiée. Proposer des versions accessibles ou rendre accessibles les documents en téléchargement. S'assurer que la consultation n'est pas dépendante de l'orientation de l'écran. Toujours proposer un geste simple en alternative d'un geste complexe permettant de réaliser une action.
Documents en téléchargement
Assurez-vous que chaque document soit accessible (cf. les Guides de créations de documents bureautiques accessibles), ou qu'il dispose d'une alternative accessible proposant le même contenu (par exemple, une version HTML correctement structurée).
Constats sur le site
Les documents pdf proposés sur le site, comme sur la page d'accueil par exemple, ont des problèmes d'accessibilité comme des erreurs de contraste, des balises non présentes, des polices pas intégrées, des alternatives à des images manquantes, de langues pas définies...