Méthodes et outils de test

Introduction

Cette partie décrit une méthode d’évaluation à destination des acteurs projet pour tester la conformité d’un contenu Web et Web mobile aux critères d’accessibilité des Web Content Accessibility Guidelines (WCAG) version 2.1 niveau AA.

Pour utiliser cette méthode, voici la description détaillée des tests d'accessibilité à utiliser, en fonction de différents profils : qualifieurs, développeurs, concepteurs et experts.

Les tests d’accessibilité doivent être effectués tout au long du cycle de vie des projets :

  • au démarrage du projet, lors du choix du Framework, du logiciel ou progiciel…
  • dès la phase de conception sur les maquettes ou les prototypes
  • lors des développements et des tests
  • en production, pour les sites de contenu

Méthode générale

La démarche comprend 2 types de tests :

  • Des tests techniques qui consistent à inspecter le code et le contraste des couleurs.
  • Des tests fonctionnels qui permettent de tester le comportement de l’interface avec différentes aides techniques pour vérifier que les contenus évalués sont exempts de points bloquants.

En fonction de votre profil, vous pouvez réaliser les tests techniques, les tests fonctionnels ou les deux, sachant que les deux sont nécessaires pour tester l’accessibilité d’un site Web dans sa globalité.

Méthode pour tester le Web

Évaluation technique

Une partie des tests peut-être réalisée automatiquement par des outils, mais la majorité nécessite un contrôle manuel.

Ces tests peuvent être réalisés par tout acteur du projet ( concepteur, développeur, testeur, rédacteur…).

Démarche :

  • Réaliser des tests automatiques avec les extensions navigateur aXe ou Wave :
    • aXe repère des erreurs automatiques et valide la qualité du code
    • Wave repère également les erreurs d’accessibilité et précise les contrôles manuels à effectuer (cohérence du code langue avec la langue utilisée dans la page…)
  • Mesurer le niveau de contraste des couleurs via l'outil Colour Contrast Analyser.
  • Vérifier le bon espacement du texte via un outil pour garantir la lisibilité du texte
  • Tous les autres tests doivent être passés via une revue de code manuelle
    • exemple : tous les critères de pertinence ( alternative textuelle cohérente avec le contenu d’une image…)

Évaluation fonctionnelle

Ces tests peuvent être facilement réalisés par tout acteur projet. Seuls les lecteurs d’écran nécessitent un temps d’apprentissage.

Démarche :

Méthode pour tester le Web mobile

Évaluation technique

Les tests à réaliser pour le web mobile sont identiques à ceux réalisés pour le web. Une partie des tests peut être réalisée à partir d’un ordinateur via les outils de développements présents dans les navigateurs :

  • le module Vue adaptative sur Firefox
  • Device Toolbar sur Chrome

Évaluation fonctionnelle

Ces tests doivent être réalisés avec des smartphones sur iOS et Android.