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

github.com/DISIC

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).

Exemple avec la thématique Images

É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/toolbar :

  • 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.

Exemple du slider

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).

Exemple champs de formulaires

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

Présentation du tutoriel

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 :*