Réinventons les audits
d’accessibilité web

par Julie Moynat, Tanaguru

Paris Web
10 octobre 2019

Présentation

  • Julie Moynat
    (Twitter : @JulieMoynat)
  • Intégratrice web et consultante en accessibilité web, chez Tanaguru
    (Twitter : @TanaguruApp)
    Tanaguru
  • Avant, je réceptionnais les audits.
    Aujourd’hui, je les livre.

Partie 1 : C’est quoi le problème avec les audits d’accessibilité web ?

Tu veux te battre ?

Les clients et clientes demandent, les experts et expertes exécutent

  1. La loi dit que les sites doivent être accessibles aux personnes handicapées ;
  2. Les clients et clientes demandent des audits de conformité (évaluation du niveau et préconisations de correction) ;
  3. Les experts et expertes livrent les audits de conformité : c’est comme ça qu’on a appris !

Rappel des actions demandées par la loi (article 47, loi no2005-102)

  1. Page d’accueil : mention du niveau d’accessibilité (totalement, partiellement ou non conforme) ;
  2. Déclaration d’accessibilité (résultat d’évaluation : état de conformité, liste des contenus non accessibles, moyen de contact…) ;
  3. Schéma pluriannuel de mise en accessibilité ;
  4. Plan d’actions de l’année en cours.

Des audits de conformité, conformément à ce qui est attendu dans le RGAA

(Référentiel Général d’Amélioration de l’Accessibilité)

Schéma illustrant le RGAA - Description détaillée ci-après

Voir le schéma RGAA en grand (Nouvelle fenêtre)

Ce qu’on livre si on suit le guide de réalisation d’audits RGAA

  1. La grille d’audit : relevé des problèmes, sans préconisation ;
  2. Un rapport d’audit qui reprend le contenu de la grille d’audit avec un seul exemple de non conformité pour un critère + préconisations associées ;
  3. Un support de présentation non technique pour la réunion de restitution de l’audit.

Ce qu’on a fini par livrer : une grille d’audit exhaustive

Ou des tartines de texte dans des cases de tableur
(+ toujours un support de présentation non technique)

Exemple de grille d’audit Excel - Description détaillée ci-après

Problèmes et remise en question

  1. Combien de clients et clientes :
    1. savent vraiment ce qu’est l’accessibilité ?
    2. savent ce qu’implique un audit de conformité ?
    3. sont formées à l’accessibilité numérique ?
  2. Comment bien accompagner les équipes :
    1. si les audits et rapports ne sont pas complets ?
    2. avec des outils inadaptés à leur processus ?
  3. Pourquoi ne les avons-nous pas mieux conseillées en amont, en tant qu’auditeurs et auditrices ? N’aurions-nous pas un peu raté notre devoir de conseil ?

Conséquences pour les auditeurs et auditrices

  • On nous demande des audits de conformité même quand :
    • aucune attention n’a été portée à l’accessibilité ;
    • le site est fini, sans accompagnement préalable ;
    • il n’y a pas la capacité à corriger (manque de temps, de budget…).
  • Énormément de problèmes ? C’est très long et fastidieux ;
  • On écrit des tartines imbuvables dans des cases de tableur.

Conséquences pour l’équipe correctrice

  • Fantôme qui fait bouh Grille ouverte et refermée aussitôt, jamais traitée ;
  • Ou suivi dans la grille avec ajout d’un nombre infini de colonnes (Retours équipe, Retours de tests, Retours équipe, Retours de tests…) ;
  • Ou création de tickets dans l’outil de gestion : cellules de la grille à redécouper ou regrouper (double travail) :
    • Tickets ajoutés au flot d’anomalies existant et mis de côté ;
    • Ou tickets inclus dans des lots existants et du temps est prévu pour les corriger (chance !).

La plupart du temps : l’accessibilité, au placard !

Partie 2 : Allez, on se reprend et on s’écoute !

Tout va bien se passer…

Le besoin des équipes correctrices

On doit leur faciliter la tâche !

  • Lisibilité & compréhensibilité : des informations structurées ;
  • Ré-utilisabilité des recommandations ;
  • Adaptation à leurs méthodes de travail, à leurs processus, à leurs découpages en fonctionnalités, en histoires, en composants ;
  • Être plus dans l’accompagnement ;
  • Des données chiffrées au moment où ça a du sens.

Le besoin des auditeurs et auditrices

  • L’accessibilité prise au sérieux ;
  • Être compris et comprises ;
  • Ne pas auditer pour rien ;
  • Pouvoir modifier les recommandations facilement après échanges avec l’équipe de développement ;
  • Ne pas faire un travail doublon sur un audit.

Partie 3 : Différents types d’audit pour chaque besoin

Maintenant, on casse tout et on recommence !

À chaque besoin son type d’audit

  1. L’audit de conformité avec préconisations ;
  2. L’audit de conformité sans préconisations ;
  3. L’audit flash ;
  4. L’audit de composants.

Audit de conformité : avec ou sans préconisations

  • But du projet : déclaration d’accessibilité ;
  • Objectif de l’audit : niveau de conformité et relevé des problèmes ;
  • Usage :
    • Peu d’anomalies : avec préconisations pour mise en conformité ;
    • Beaucoup d’anomalies : sans préconisation ;
    • Pas de possibilité de corriger rapidement : sans préconisation.
  • Principe : recherche des problèmes à partir des tests et critères du RGAA ;
  • Outil : grille d’audit RGAA (tableur).

Audit de conformité : l’outil

La grille d’audit RGAA repensée :
github.com/Tanaguru/Accessibility-Evaluation-Reports

  1. Avec préco : audit par tests. Sans préco : plutôt audit par critères ;
  2. Relevé des non-conformités des éléments transverses ;
  3. Audit de chaque page (Conforme, Non conforme, Non applicable) ;
  4. Si audit avec préco, pour chaque non-conformité :
    1. Explication du problème et préconisations de correction ;
    2. Si possible ou si besoin, exemple de code corrigé ;
    3. Estimation de la priorité + complexité de correction.
  5. Si audit sans préco, pour chaque non-conformité : relevé du problème.

Audit flash et audit de composants

  • But du projet : mise en accessibilité ;
  • Objectif de l’audit : être pratique et didactique ;
  • Usage :
    • Beaucoup d’anomalies et objectif de correction ;
    • Vers un accompagnement de l’équipe correctrice.
  • Principe : recherche des critères à partir des problèmes relevés (« à la WCAG ») ;
  • Outil : documents texte ou web.

Audit flash et audit de composants : l’outil

Un ou des documents texte ou web structurés - dans l’esprit composants, tickets

  • Découpage en titres, sous-titres ;
  • Mise en forme (gras, couleurs…) et captures d’écran ;
  • Lecture plus facile ;
  • Commentaires possibles dans le fichier ;
  • Relevé des non conformités, uniquement. Et toujours :
    • Explication du problème + préconisations de correction ;
    • Exemple de code corrigé ;
    • Estimation de la priorité + complexité de correction.

Audit flash, en détails : un audit rapide pour déblayer le terrain

  • Balayage rapide de l’échantillon de pages : ce qui saute aux yeux ;
  • Non exhaustif ;
  • Premier pas vers la mise en conformité ;
  • Budget plus serré.

Audit de composants, en détails

  • Relevé le plus exhaustif possible :
    • Liste de tests pour ne rien oublier ;
    • Toujours avoir le RGAA à portée de main.
  • Ensemble de fiches-composants : un composant = une fiche :
    • Audit d’un composant à la fois ;
    • Découpage par types de problèmes et / ou sous-parties du composant ;
    • Une sous-partie peut être associée à plusieurs critères invalidés ;
    • Un composant « Page » pour les recommandations liées aux pages.
  • Si on veut : ajout de tableaux récapitulatifs ;
  • Attention L’audit de composants ne remplace pas l’audit de conformité !

Audit de composants, avantages et limites

Avantages :

  1. Vue d’ensemble d’un composant ;
  2. Découpage synchrone avec le projet ;
  3. Préconisations adaptables ;
  4. Suivi facilité et échanges favorisés ;
  5. Permet d’évaluer la capacité à faire de l’équipe correctrice.

Limites :

  1. Nécessite une bonne maîtrise des règles d’accessibilité ;
  2. Pas de résultat chiffré du niveau de conformité
    (est-ce bien utile quand le résultat est, de toutes façons, catastrophique ?) ;
  3. Préparation en amont un peu plus longue (mais gain de temps pour création des tickets).

Audit de composants, exemple de récap.

Extrait d’un récapitulatif de critères invalidés par composant :

  • 34 critères invalidés pour 9 composants ;
  • 4 à 17 critères invalidés pour 1 composant ;
  • Un audit de conformité n’aurait pas du tout été adapté.

Capture du tableau présentant les critères invalidés par composant (voir détails ci-dessus)

Partie 4 : Conclusion-résumé :
les audits, des modèles à adapter

Chaque projet, chaque équipe est différente.

Récap. des types d’audit par caractéristique

Récapitulatif des types d’audit par caractéristique
  Audit flash Audit de composants Audit de conformité avec préco Audit de conformité sans préco
Outil Document texte Fiches composants Grille d’audit par tests Grille d’audit par critères (ou tests)
Usage Nombreuses anomalies
+ corriger le plus flagrant
+ petit budget
Nombreuses anomalies
+ mise en conformité (étape 1 avant audit de conformité)
Peu d’anomalies
+ déclaration d’accessibilité
+ mise en conformité totale
Déclaration d’accessibilité uniquement (impossibilité de corriger immédiatement)

Les livrables pour les audits

  1. L’outil utilisé (grille, document texte…) ;
  2. Et / ou les tickets :
    • Si possible, dans l’outil de suivi des anomalies du projet ;
    • Si non, un document bien structuré pour créer les tickets facilement : titre + description + priorité de correction. (Déjà fait pour l’audit flash et de composants)
  3. Un support de présentation non technique pour la réunion de restitution de l’audit (avec chiffres clés : nombre d'anomalies par priorité, etc.).

Note : Dans tous les cas, on priorise les correctifs selon l'impact utilisateur ou utilisatrice supposé.

Un audit à tout prix ? Non !

  • Un audit a une limite de validité dépendante de l’évolution des sites ;
  • Auditer pour auditer n’a d’intérêt pour personne ;
  • Ne nous lançons pas dans un audit complet si les équipes ne peuvent pas corriger ;
  • Testons la capacité à faire des équipes correctrices ;
  • Vérifions en amont si le projet a beaucoup d’anomalies pour mieux choisir la méthode ;
  • Information importante : l’équipe est-elle formée à l’accessibilité ? Adaptons notre niveau de détails dans les préconisations.

Encore mieux qu’un audit : essayons d’arriver au début du projet

  1. Vérifions les spécifications fonctionnelles ;
  2. Vérifions les maquettes graphiques ;
  3. Faisons des préconisations aux équipes de développement en amont, dans les tickets ;
  4. Auditons à chaque grande phase du projet (avec des tickets).

Les retours d’audit sont ensuite tout petits-petits. Testé et approuvé !

Rappel essentiel

Rappel pour tous les types d’audit et d’accompagnement :
la présence d’une ou plusieurs personnes qui portent le sujet côté projet est nécessaire.

Ressources complémentaires

Merci de votre attention !

Diaporama : pw2019.tanaguru.com

Des questions ?