L’accessibilité numérique est un enjeu majeur pour garantir l’accès à l’information et aux services en ligne à tous les utilisateurs, y compris les personnes en situation de handicap. En France, le Référentiel Général d’Amélioration de l’Accessibilité (RGAA) définit un cadre réglementaire précis pour assurer la conformité des sites web publics et privés. Il est élaboré par la direction interministérielle du numérique (DINUM).
Dans cet article, nous vous rappelons ce qu’est le RGAA et vous donnons les meilleures pratiques pour améliorer l’accessibilité de votre site.
Nous faisons ensuite le point sur l’évaluation de notre offre Portail Pro et sur nos ambitions en termes d’accessibilité.
Qu’est-ce que le RGAA ?
Le RGAA est un référentiel qui vise à rendre les services en ligne accessibles aux personnes ayant des déficiences visuelles, auditives, motrices ou cognitives. Il s’appuie sur les normes internationales du Web Content Accessibility Guidelines (WCAG 2.1) et impose aux organismes publics français et à certaines entreprises privées de respecter des critères stricts pour l’accessibilité numérique.
Les objectifs du RGAA sont de :
- Permettre une navigation inclusive pour tous les utilisateurs.
- Garantir la conformité aux obligations légales imposées par la loi française et les directives européennes.
- Améliorer l’expérience utilisateur en facilitant l’accès aux contenus.
Comment améliorer le score RGAA de votre site web ?
L’évaluation d’un site selon le RGAA repose sur un ensemble de tests techniques et fonctionnels. Pour augmenter votre score d’accessibilité, voici 5 bonnes pratiques essentielles à adopter :
1. Assurer un bon contraste des couleurs 🎨
De nombreux utilisateurs ont une vision réduite ou des difficultés à distinguer certaines couleurs. Assurez-vous que le contraste entre le texte et l’arrière-plan est suffisant (au moins 4.5:1 pour du texte normal et 3:1 pour du texte large).
👉 Outil recommandé : WebAIM Contrast Checker
2. Rendre le site navigable au clavier ⌨️
Toutes les fonctionnalités de votre site doivent être accessibles sans souris, uniquement via le clavier.
- Vérifiez que les éléments interactifs (boutons, liens, formulaires) sont accessibles avec la touche Tab.
- Ajoutez un focus visible pour indiquer quel élément est actif.
👉 Test rapide : Essayez de naviguer sur votre site en désactivant votre souris !
3. Fournir des alternatives textuelles aux images et médias 🖼️🎥
Les utilisateurs malvoyants utilisent des lecteurs d’écran pour parcourir un site. Il est donc crucial de :
- Ajouter un texte alternatif (alt) descriptif pour chaque image.
- Proposer des transcriptions textuelles pour les contenus audio et vidéo.
- Activer les sous-titres pour les vidéos.
4. Structurer correctement le code HTML 📑
Un site bien structuré est plus facilement compréhensible par les technologies d’assistance. Pour cela :
- Utilisez des balises HTML sémantiques (h1, h2, h3, p, nav, etc.).
- Évitez l’usage abusif des div et span pour structurer du contenu textuel.
- Ajoutez des attributs ARIA là où c’est nécessaire pour améliorer l’accessibilité des éléments interactifs.
5. Tester et auditer régulièrement l’accessibilité 🔍
L’accessibilité n’est pas un travail ponctuel, elle doit être intégrée en continu.
👉 Utilisez des outils d’audit automatique comme :
Ces outils permettent de repérer rapidement les erreurs et d’améliorer progressivement le score RGAA de votre site.
Portail Pro par rapport au RGAA
Chez Decalog, l’accessibilité numérique est un engagement essentiel pour rendre le web plus inclusif et équitable. Notre solution Portail Pro permet de créer en quelques instants le site web d’une médiathèque. Elle offre une accessibilité et une simplicité d’administration qui la rend sa prise en main extrêmement facilement par un public d’utilisateurs non informaticiens.
En termes d’accessibilité, nous avons comme ambition d’améliorer le taux de conformité de notre solution Portail Pro en appliquant les bonnes pratiques édictées par le RGAA.
Plusieurs actions ont déjà été réalisées et nous utilisons le module Orange Confort+. Ce service offre une 20aine d’options pour adapter les sites Web au besoin : déficiences visuelles ou une simple fatigue, des problèmes de reconnaissance des mots pour des raisons de dyslexie ou autres, de la difficulté à utiliser une souris ou simplement une difficulté à paramétrer son ordinateur.
En 2024, l‘évaluation de Portail Pro nous a indiqué un taux moyen de conformité à 85,8%, avec 66,67% des critères du RGAA version 4 sont respectés. Un bon résultat mais nous avons l’ambition de dépasser les 90%.
Depuis cette évaluation, nous continuons à améliorer en permanence notre accessibilité et avons intégré cette ambition dans la roadmap de notre produit. Parmi les évolutions prévues dans les prochaines versions :
- Amélioration des contrastes (tags, boutons, etc.).
- Ajout de liens d’évitement pour faciliter la navigation.
- Mise en place d’un ordre logique de navigation au clavier (tabulation) et amélioration de la visibilité du focus.
- Ajout d’attributs « alt » dans le code et d’un champ de saisie « texte alternatif » lors de l’upload d’images.
- Ajout des attributs ARIA pour améliorer l’accessibilité des éléments interactifs.
- Ajout de balises « title » sur tous les liens et images pour une meilleure compréhension du contenu.
Conclusion
L’accessibilité numérique est un engagement essentiel pour rendre le web plus inclusif et équitable. En appliquant les bonnes pratiques du RGAA, vous améliorez l’expérience utilisateur, tout en répondant aux exigences légales.
En utilisant la solution Portail Pro de Decalog, vous avez l’assurance d’avoir un site respectant à plus de 85% le RGAA, avec une ferme ambition de dépasser les 90% dans les mois à venir.
Contactez-nous dès aujourd’hui pour avoir plus d’information ! 📚
