Développement et RGAA : rendez votre site accessible à tous
Publié le 05/02/2025 Modifié le 10/02/2025
Découvrez le RGAA, la norme française d'accessibilité numérique. Apprenez comment rendre votre site internet conforme et améliorez l'expérience utilisateur pour tous.
Intégrateurs et développeurs, c’est aussi grâce à vous que l'internet public deviendra véritablement accessible à tous ! En effet, l’engagement de chacun des acteurs du numérique public est indispensable pour atteindre l’objectif de 100 % de conformité des sites de l’administration. Essentielle, l’accessibilité doit donc être prise en compte à tout moment et inscrite au cœur même du code. Pour vous accompagner et vous guider dans le respect de l’accessibilité numérique à chaque étape, nous avons créé de nombreux outils.
Le RGAA pour les intégrateurs
Vous êtes intégrateur, chargé de réaliser les gabarits HTML et CSS ? Découvrez notre guide de l’intégrateur spécifiquement conçu pour vous aider à mettre en œuvre les nombreuses recommandations du référentiel d’amélioration de l’accessibilité (RGAA).Composé de fiches pratiques indépendantes, il peut se consulter dans l’ordre que vous souhaitez, au gré de vos besoins. Chaque fiche détaille les recommandations d’accessibilité du RGAA et explique à l’aide d’exemples pourquoi la mise en œuvre de ces recommandations est importante pour les personnes en handicap. Certaines fiches proposent également des exemples de démonstrations d’implémentation conformes et non conformes.
Le RGAA pour les développeurs
Vous souhaitez développer des applications ou composants 100 % accessibles avec JavaScript et ARIA ? Le guide du développeur RGAA est fait pour vous !
Constitué de 8 fiches pratiques indépendantes, claires et concises, ce guide détaille l’ensemble des informations dont vous aurez besoin pour implémenter dans votre code les recommandations du RGAA. Chacune des fiches couvre une thématique précise – ordre de tabulation et piège au clavier, motif de conception ARIA… – et est illustrée de cas utilisateurs concrets.
Les fondamentaux du développement accessible
Vous n’avez pas le temps de consulter le guide complet de l’intégrateur RGAA ? Dans ce cas, consultez le mémo dev. Très synthétique, le mémo dev concentre sur une seule page l’ensemble des recommandations pour développer des pages 100 % accessibles, qu’il s’agisse de navigation, contenus, tableaux, formulaires, layout… Et si vous voulez creuser l’une ou l’autre de ces questions, il vous suffit de cliquer sur l’hyperlien pour atteindre une fiche thématique dédiée.
Je fais rapidement les vérifications essentielles
Ressource précieuse pour les développeurs, la Checklist dev détaille les six tests fondamentaux à réaliser impérativement avant de transmettre votre code pour la revue ou le recettage. Ces tests peuvent se faire rapidement. Ils représentent toutefois le niveau minimum de vérifications à effectuer avant de soumettre votre code à un pair. Ils ne sont pas suffisants pour s’assurer que la fonctionnalité ou la page que vous avez développée est 100 % opérationnelle.
La bibliothèque de référence ARIA
Pour améliorer l’accessibilité des sites que vous développez, les attributs WAI-ARIA (Web Accessible Initiative - Accessible Rich Internet Applications) sont primordiaux. Leur rôle ? Fournir des informations uniquement visibles par les technologies d’assistance tels que les lecteurs d’écran, et donc aider l’utilisateur en situation de handicap à mieux percevoir la page.
Notre bibliothèque de référence est pensée pour vous aider à implémenter les composants ARIA de manière conforme aux exigences du RGAA. Une collection de composants ARIA courants (tels que les sliders, les onglets, les boîtes de dialogue...) vous sont présentés en détail, accompagnés des bonnes pratiques d’implémentation et des restitutions par défaut obtenues avec les systèmes d’assistance.Outil incontournable pour tester l’accessibilité de votre code, cette bibliothèque n’est toutefois pas destinée à la production.
Connaître l’accessibilité des bibliothèques JavaScript
Vous voulez savoir si la bibliothèque JavaScript que vous utilisez dispose de certains composants ARIA ? Bienvenue sur la page « Composants d’interface JavaScript », qui analyse dans le détail l’accessibilité des composants des cinq bibliothèques suivantes :
- JQuery + JQuery-ui
- Bootstrap + plugin paypal
- Angular + Angular-ui Bootstrap
- React + Bootstrap
- React + composants ReactJS
Et ce n’est pas tout : vous trouverez également sur la page des tutoriels pour les composants corrigés !
Intégrateurs, développeurs, tous ces outils sont conçus pour vous aider à maximiser l’accessibilité de votre code. N’hésitez pas à les utiliser !