Les critères du RGAA et comment se préparer à l’audit - RVVN - Réseau de Villes et Villages Numériques

Depuis 2021, les audits d’accessibilité sont obligatoires et ont une validité de 3 ans pour un coût d'environ 2 500 à 4 500€.
Depuis 2024, un gendarme a été nommé, il s'agit de l'ARCOM, les contrôles ne seront plus un mythe (et tant mieux !).
Nous vous proposons d'effectuer nous-même ces audits, cela correspond à une économie d'environ 165 000 € par an pour nos adhérents (200 sites x 2500€ / 3 ans). Etant donné la charge de travail que représentent ces audits, nous nous limiterons à un audit par site tous les 3 ans.

Cette page détaille les 33 critères (sur 106) que vous maitrisez et sur lesquels vous devez intervenir pour vous mettre en conformité. Les autres critères seront pris en charge par les salariés de l’association et corrigés au plus tôt s'ils ne sont pas conformes.

Il est nécessaire que toutes les pages de vos sites soient corrigées pour assurer une conformité optimale (et éviter de conserver une mauvaise note pendant 3 ans). Dans tous les cas, vous serez contraints de corriger tous les points non conformes pour le prochain audit, autant le faire dès maintenant !

1. Images

1.1 - Chaque image porteuse d’information a-t-elle une alternative textuelle ?
Chaque image porteuse d'information doit avoir une description qui permet de décrire le contenu de l'image pour qu'une personne malvoyante puisse "imaginer" cette ressource (Idem pour chaque zone d'une image découpée en zones réactives).

Après quelques recherches sur des sites dédiés à l'accessibilité, il n'est pas obligatoire (voire pénalisant) de spécifier une légende à chaque image, cela dépend du contexte, du contenu et de la page !!! En effet, si vous ajoutez un texte qui reprend toutes les informations d'une galerie photo, il n'est pas nécessaire de positionner une légende sur chacune de ces images. Le blog "Empreinte digitale" a publié un article qui permet de mieux comprendre la problématique de l'accessibilité des images.

Ex 1 : Vous faites une galerie photo qui présente la salle des fêtes dans une rubrique de location. Si vous ajoutez un texte au dessus de la galerie photo qui détaille le contenu de la salle (cuisine avec tel et tel équipement, présence d'un sas d'entrée, d'une estrade, etc), vous n'avez pas besoin d'intégrer une légende à chaque image. La personne malvoyante n'aura qu'à écouter le texte descriptif pour comprendre toutes les informations des photos.
A contrario, si vous positionnez une légende à chaque image. La personne va devoir “attendre” la lecture de toutes les légendes indépendantes pour comprendre toutes les informations des photos ce qui sera probablement moins efficace que de lire un petit texte.

Ex 2 : Vous faites une page qui présente la salle des fêtes avec une photo de l'entrée de la salle des fêtes en illustration. Il est inutile de spécifier une légende puisque l'image est uniquement décorative et ne présente pas d'information.

Ex 3 : Vous faites une page qui présente la salle des fêtes avec une photo qui représente une statue emblématique située dans l'entrée de la salle des fêtes. Si vous ne parlez pas de cette statue dans le texte, il est pertinent d'expliquer la photo et de présenter la statue en légende de la photo.

Ex 4 : Vous faites une page qui présente un événement avec une affiche de cet événement en décoration. Il est nécessaire de reprendre l'ensemble des informations de l'affiche dans le texte adjacent de l'événement. En effet, positionner ces informations dans la légende ne serait efficace pour aucun visiteur.

Cas particulier des diaporamas (carrousels d'images) : étant donné leur structure actuelle (que nous avons prévu de retravailler prochainement), vos diaporamas doivent être utilisés uniquement à des fins décoratives, et seront présentés comme tel aux outils d'assistance. Si vous devez présenter un ensemble d'images porteuses d'information, utilisez une galerie photo.

1.3 - Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?
La description des images doit être pertinente et complète (idéalement sous forme de phrase) sur chacune des images. Spécifier "Brocante 1", "Brocante 2", ... n'a aucune utilité. Une image avec un telle description sera considérée comme non conforme.

2. Cadres

Les cadres correspondent aux iframe que certains rédacteurs peuvent intégrer dans leurs pages. Il s'agit, le plus souvent, d'intégrations de modules développés par des prestataires externes (intégration de vidéos YouTube, prise de rendez-vous, publications des actes, calendrier d'occupation de salle, ...).

2.1 - Chaque cadre a-t-il un titre de cadre ?
Chaque cadre doit être intégré avec un titre qui permet au visiteur de l'identifier précisément.

Pour les contenus de type cartographie : le titre du cadre est celui du contenu, qui devient obligatoire. Merci de le compléter et de vérifier sa pertinence sur toutes les cartes de votre site.
Pour les contenus de type vidéo : un champ “titre” a été ajouté, il est obligatoire. Merci de le renseigner sur toutes les vidéos de votre site.
Pour les vidéos dans les actualités : un champ “titre” a été ajouté et il est obligatoire dès l'instant où un identifiant de vidéo est renseigné, merci de modifier toutes les actualités encore actives comportant des vidéos dans votre site.
Nous pouvons vous donner la liste de toutes les pages et actualités concernées si besoin.

2.2 - Pour chaque cadre ayant un titre de cadre, ce titre de cadre est-il pertinent ?
Le titre de ce cadre doit être pertinent. Il doit permettre de comprendre le sujet de la carte, de la vidéo ou du contenu externe.

3. Couleurs

3.2 - 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) ?
Grâce au module de coloration que nous avons développé, vous pouvez changer les couleurs de votre site. Ces couleurs doivent permettre un contraste suffisant entre la police et la couleur de fond. Vous trouverez, dans le module, des liens vous permettant de vérifier ce contraste. Ces liens utilisent l'outil suivant : https://coolors.co/contrast-checker.Pour rappel, une note de 4.50 minimum est souhaitée. Les couleurs comme le bleu ciel (ex: https://coolors.co/contrast-checker/ffffff-49a4ac) ou le jaune (ex: https://coolors.co/contrast-checker/ffffff-d3c73c) sont donc déconseillées. En cas de volonté d'utiliser certaines couleurs claires qui ne permettent un contraste suffisant, appelez nous, nous pouvons changer la couleur de la police de certains éléments pour améliorer ce contraste.

3.3 - 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) ?
Pour les utilisateurs ayant les droits d'intégrer du HTML ou pour les collectivités qui ont souhaité avoir des modifications sur la feuille de style, il est nécessaire de vérifier que les éléments d'interface (boutons, bandeaux, titres, ...) sont suffisamment contrastés.