L'accessibilité des sites des collectivités a pour but de permettre à tous les citoyens d'avoir le même niveau d'information peu importe son état de santé physique ou mental. Ce principe d'égalité est primordial et passe par deux approches :
- Le volet technique (mise en conformité du squelette du site Internet par l'association RVVN) : Cette démarche mutualisée passe par exemple par la création automatique d'un menu de navigation dans la page ou de balises spécifiques.
- Le volet rédactionnel (mise en conformité des contenus via les rédacteurs) : Cette conformité passe par exemple par l'ajout systématique de descriptions aux images.
Le RGAA ou "Référentiel Général d'Amélioration de l'Accessibilité" (en version 4.1 depuis décembre 2020) contient 106 critères permettant d'assurer l'égalité d'accès des citoyens. Il est issu d'une "adaptation" de la norme mondiale d'accessibilité, le WCAG.
Faire simple, complet, efficace, intuitif, pédagogique et ... synthétique
Parce que l’accessibilité commence par des pages bien rédigées, voici quelques notions à garder à l'esprit :
- Soyez complet, vos pages doivent contenir toutes les informations qui sont potentiellement utiles aux visiteurs
- Créez des pages efficaces et intuitives, certains handicaps intellectuels rendent difficile la compréhension de textes trop complexes
- Ces pages doivent également présenter les informations de façon pédagogique tout en étant très synthétiques
En conclusion, faites simple, une page sans fioriture permettra à ceux qui ont des difficultés cognitives d'en extraire les informations rapidement.
Structurer les pages en ajoutant des titres aux contenus
Vos pages doivent être très structurées car RVVN intègre un menu de navigation sur chaque page qui reprend tous les titres des contenus.
Par exemple, les personnes malvoyantes utilisant ce menu spécifique pourront donc aller directement au contenu qu'elles recherchent sans avoir à écouter toute la page.
Bien structurer vos pages permet également d'en faciliter le parcours.
Responsive
Les sites proposés par RVVN s'adaptent aux supports mobiles mais il faut que les contenus soient également adaptables.
La structure et les contenus des pages vont donc se réagencer automatiquement selon les différentes largeurs d'écran (que l'on nomme "seuils") utilisés par les supports (téléphone / tablette / ordinateur / console / ...).
Il est nécessaire de toujours vérifier les pages sur tous les seuils avant de publier de nouveaux contenus ou pour toute modification de page existante.
Pour rappel, en 2024, plus de 70% des visites se font depuis un support mobile.
Informations dans les images
Les images peuvent contenir des informations, que ce soit du texte ou une information liée à un élément de cette image (personne qui fait tel ou tel geste, tel comportement, etc). Les personnes déficientes visuelles ne pourront pas prendre connaissance de ces informations puisqu'un synthétiseur vocal ou un lecteur d'écran ne pourra pas les retranscrire.
Il est donc primordial de prévoir :
- soit de reprendre toutes les informations de l'image dans le texte de l'article (si celle-ci est seule)
- soit de créer un petit texte qui expliquerait les informations et le contexte d'une galerie photo
- soit une légende à cette image s'il n'est pas possible d'intégrer les informations dans le texte
Les documents
Il existe de nombreux types de documents mais le seul qui soit universel est le format PDF. En effet, il est possible d'ouvrir un document PDF sur les ordinateurs et téléphones de toutes marques et systèmes d'exploitation contrairement aux documents Word par exemple. Autres avantages de ce format, son caractère plus difficile à être modifié et la possibilité de pouvoir être signé numériquement.
Par contre, il est fréquent de scanner des documents pour les mettre en ligne, c'est une très mauvaise pratique. En effet, le scanner va créer une image par page du document puis les assembler. Ces images ne sont pas utilisables par un synthétiseur vocal, les personnes malvoyantes ne sont donc pas en capacité d'extraire les informations. Il est impératif de reprendre le document source et de l'enregistrer en PDF. Si vous ne possédez pas ce document, demandez une version accessible à la personne qui vous l'a envoyé. Si vous hésitez parce que la dernière page contient une signature, vous avez deux choix :
- Intégrer l'image de la signature dans le document source puis exporter en PDF
- Ne pas intégrer la signature, le plus important étant de fournir les informations de ce document à la totalité de la population sans discrimination
Pour vérifier qu'un document PDF est accessible, il vous suffit de vérifier que vous pouvez sélectionner le texte du document.
Vérifiez également que chaque image de ce document possède une description.
Libellés de liens explicites
Vos pages contiendront de nombreux liens, vers des fichiers, des pages internes ou externes.
Soyez vigilants à toujours spécifier un texte de lien qui permet d'identifier la destination sans ambiguïté et de préférence sous la forme d'une action.
Par exemple, ne faites jamais de lien comme suit : Cliquez ici
Spécifiez plutôt un lien de la sorte : Retourner sur la page d'accueil du site RVVN
Eviter les tableaux
Les tableaux peuvent représenter une façon attrayante d'intégrer des données mais ils ont des inconvénients majeurs :
- Les tableaux ont un comportement responsive désastreux : En effet, si vous intégrez trop de colonnes ou trop de données, le tableau ne va pas "rentrer" dans la largeur disponible sur téléphone par exemple ce qui va "casser" l'affichage du site. Si vous intégrez un tableau, vérifiez donc son affichage sur un téléphone.
- Les tableaux présentent les données de façon non optimisée pour les malvoyants, en effet, le synthétiseur vocal va lire ligne par ligne le contenu. Ce sens de lecture ne va pas permettre à une personne malvoyante de rechercher des cases facilement.
Sous-titrer les vidéos
N'oubliez pas les personnes malentendantes, toutes vos vidéos doivent être sous-titrées pour leur permettre de saisir la voix du commentateur, voire des personnes interrogées si la lecture labiale est difficile.
