GTA 2017
Les ressources RGAA
Les intervenants
Audrey Maniez, Access42
Yann Olive, Empreinte digitale
Plus de cinquante guides, documents et outils mis à disposition par la DINSIC en 3 ans
Site Reference
references.modernisation.gouv.fr/ressources
Compte Github DINSIC
Public concerné
- Les personnes en charge de l'évaluation de la conformité RGAA
- auditeurs ;
- experts et référents accessibilité ;
- développeurs et intégrateurs.
- les différents intervenants dans la production web
- designer ;
- chef de projet ;
- développeur ;
- intégrateur ;
- testeur.
- les acteurs tiers
- managers et décideurs
- clients…
Thématiques
- Web et handicaps
- Évaluation de la conformité
- Développement et intégration web
- Guides métiers
- Développement mobiles et audit d’applications
- Outils de gestion de contenus
Web et handicaps
- Guide des troubles Dys ;
- Guide sur le handicap mental ;
- Défauts d'accessibilité, impacts sur les utilisateurs.
Défauts d'accessibilité, impacts sur les utilisateurs
Pour chaque thématique du RGAA : problématiques prises en charge et impacts utilisateurs.
Échelle d'impact des problèmes d'accessibilité. :
- Majeur : empêche l’accès (captcha visuel) ;
- Fort : peut empêcher (son automatique) ;
- Modéré : peut rendre l’accès excessivement compliqué (titres et listes) ;
- Faible : dans certaines circonstances, peut rendre l’accès difficile (iframes).
Évaluation de la conformité
- Guide de l’auditeur ;
- Guide des dérogations RGAA 3 ;
- Modèles de documents ;
- Méthodologie de tests ;
- Assistant RGAA ;
- Guide sur les lecteurs d’écran ;
- Bibliothèque de référence des restitutions des composants JavaScript (ARIA) ;
- Référentiel pour une rédaction de contenus alternatifs en langage simplifié (RLS).
Guide de l'auditeur
Principales sources : WCAG EM, Guide d'accompagnement du RGAA 3.
- Préparation : contexte et échantillonnage ;
- Conduite de l'audit :
- Évaluation de la conformité ;
- Dérogations et droit à la compensation (Guide des dérogations) ;
- Réalisation de l'audit (Modèles de documents).
- Restitution et gestion des contestations (Défauts d'accessibilité, impacts sur les utilisateurs).
Méthodologie de tests
3 combinaisons navigateurs/
- Internet Explorer et la WAT ;
- Firefox et la Web Developper toolbar ;
- Chrome et la Web Developper toolbar.
Assistant RGAA
Non mis à jour avec RGAA 3 2017 - implémente le RGAA3 2016
- une extension pour Chrome et Firefox (WebExtension)
- un outil pour faciliter la détection et l'évaluation (268 tests / 335)
- Des outils intégrés :
- analyseur de contraste ;
- validateur W3C ;
- validateur de liens ;
- hiérarchie de titres ;
- visualisation du code source.
- Une extension en licence ouverte, documentée pour les développeurs : Contribuez !
Guide sur les lecteurs d’écran
Test 7.1.5 : Chaque script qui génère ou contrôle un composant d'interface respecte-t-il une de ces conditions ?
Le composant d'interface est correctement restitué par les technologies d'assistance.
Lecteurs d'écran de la base de référence : NVDA, VoiceOver, JAWS.
- Installation et configuration ;
- Tuto pour l'évaluation des composants ARIA : interactions clavier et restitutions attendues.
Développement et intégration web
- Guide de l’intégrateur ;
- Guide du développeur ;
- Accessibilité des bibliothèques JavaScript ;
- Suite de tests pour composants.
Guide de l’intégrateur
Non mis à jour avec RGAA 3 2017 - consultez la note de révision
- Gabarits HTML et CSS ;
- Rendre les critères opérationnels et concrets ;
- Outils pour la réalisation de mises en page accessibles : exemples concrêts d'implémentation HTML conformes et non conformes(pages de démo, documentation, outils de tests).
Guide du développeur
- JavaScript / ARIA
- Ordre de tabulation, accès au clavier, changement de contexte ;
- Focus sur les lecteurs d'écrans (fonctionnement, nom accessible) ;
- ARIA : Motif de conception et règles d'utilisation d'ARIA.
Accessibilité des bibliothèques JavaScript
Objectif principal : Un tutoriel pour les développeurs
5 bibliothèques étudiées (2017)
- JQuery + JQuery-ui ;
- Bootstrap + plugin paypal ;
- Angular + Angular-ui Bootstrap ;
- React + Bootstrap ;
- React + composants ReactJS.
Étude en 5 phases
- État des lieux des composants WAI-ARIA ;
- Proposition de corrections ou de solutions aternatives ;
- Tests de restitution ;
- Mise à jour du tutoriel ;
- Mise à disposition des correctifs via des dépôts Github et inscription dans les gestionnaires de paquets (npm).
Accessibilité des bibliothèques JavaScript
Ce qu'il faut retenir
- Aucune bibliothèque avec 100% de composants accessibles nativement ;
- Les bibliothèques dites « accessibles » font des efforts certains de mise en accessibilité de leurs composants ;
- Certaines issues sont ouvertes depuis 2010 sans être corrigées ;
- Être conforme aux design pattern ARIA ne siginifie pas des tests de restitution conformes.
Suite de tests JavaScript pour composants RGAA3
Une ressource pour les développeurs :
- Lors de la création ou de la maintenance de composants pendant les phases de développement ;
- Avant d'utiliser une bibliothèque JavaScript dans les projets ;
- Pour automatiser les tests et déceler les régressions.
Tests implémentés pour les Design pattern suivants : Accordion, Dialog, ProgressBar, RadioButton, Checkbox, Slider, Tabpanel, Toolip.
Ma super barre de progression
Motif de conception ARIA Progressbar
Critère 1 : L'implémentation ARIA est-elle conforme ?
Test 1.1 : Le composant respecte-t-il ces conditions ?
✔ Le composant possède un role="progressbar"
✔ Le composant possède une propriété aria-valuemin="[valeur minimale]"
✔ Le composant possède une propriété aria-valuemax="[valeur maximale]"
Test 1.2 : Le composant respecte-t-il une de ces conditions ?
Guides métiers
- Guide pour décideurs ;
- Guide du concepteur ;
- Guide du contributeur ;
- Guide chef de projet ;
- Guides de créations de documents bureautiques accessibles ;
- Guide de création des documents EPUB accessibles.
Développement mobiles et audit d’applications
- Référentiel spécifique aux plateformes mobiles/tactiles ;
- Guide de conception d’applications mobiles ;
- Guide de développement d’applications mobiles accessibles avec les API Android et iOS ;
- Guide de développement d’applications mobiles hybrides accessibles avec Ionic et OnsenUI ;
- Guide d’audit d’applications mobiles ;
- Référentiel d’évaluation d’applications.
Référentiel d’évaluation d’applications
- RGAA / WCAG2ICT / IBM Checklist…
- Interfaces graphiques des applications logicielles bureau et mobiles ;
- Diversité des technos : Critères indépendants d'une technologie particulière ;
- Nécessité de tester la présence et la pertinence grâce aux inspecteurs d'interface.
Outils de gestion de contenus
- Référentiel pour les gestionnaires de contenus (CMS) ;
- Guide méthodologique RGAA-CMS.
Référentiel pour les gestionnaires de contenus (CMS)
- ATAG 2.0 ;
- Accessibilité de l'outil et capacité de l'outil à créer du contenu accessible ;
- Même démarche rédactionnelle que RGAA 3 (thématiques, un critère des tests) ;
- Guide méthodologique d'application du référentiel.
Ressources
a42.fr/ress-rgaa
Contribuez ! Issues, Pull Request
Merci de votre attention !
des bisous :*