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.
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 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 (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.
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.
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, pour rappel, une note de 4.51 minimum est souhaitée.
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.
4. Multimédia
4.1 - Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?
Chaque vidéo est-elle bien sous titrée ? Chaque vidéo a-t-elle bien une description audio ? Chaque audiodescription d'une vidéo ou transcription d'un fichier audio est-elle reprise dans un texte ou un PDF à disposition dont le lien de consultation ou le bouton de téléchargement est clairement identifiable ?
4.7 - Chaque média temporel est-il clairement identifiable (hors cas particuliers) ?
5. Tableaux
5.1 - Chaque tableau de données complexe a-t-il un résumé ?
5.2 - Pour chaque tableau de données complexe ayant un résumé, celui-ci est-il pertinent ?
5.5 - Pour chaque tableau de données ayant un titre, celui-ci est-il pertinent ?
6. Liens
6.1 - Chaque lien est-il explicite (hors cas particuliers) ?
6.2 - Dans chaque page web, chaque lien a-t-il un intitulé ?
8. Éléments obligatoires
8.6 - Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?
8.10 - Dans chaque page web, les changements du sens de lecture sont-ils signalés ?
9. Structuration de l’information
9.1 - Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?
9.2 - Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?
9.3 - Dans chaque page web, chaque liste est-elle correctement structurée ?
9.4 - Dans chaque page web, chaque citation est-elle correctement indiquée ?