Bienvenue sur axe Developer Hub

Fonctionnalités d'axe Developer Hub

Axe Developer Hub est une solution de test d'accessibilité intégrée avec les fonctionnalités suivantes :

• Il fournit des instructions simples et faciles à suivre pour intégrer les tests d'accessibilité dans votre base de code de tests actuelle, améliorant facilement vos tests de pages Web existants avec l'expertise en tests d'accessibilité de Deque.
• Les résultats de vos tests d'accessibilité sont présentés sur le site Web axe Developer Hub, qui vous permet de suivre vos résultats d'accessibilité au fil du temps pour repérer les tendances et maintenir la qualité.
• Il peut surveiller les commits dans Git à mesure que le code source de votre site Web change pour déterminer si l'accessibilité de votre site Web s'améliore (ou se détériore) à chaque commit. Sur les dépôts GitHub, vous pouvez configurer une action GitHub qui peut bloquer les commits qui introduisent des erreurs d'accessibilité.
• Vous pouvez facilement partager vos résultats d'accessibilité avec vos coéquipiers pour attirer l'attention sur des domaines de préoccupation nouveaux (ou existants). En fait, le partage est une fonctionnalité intégrée dans axe Developer Hub pour permettre le partage de presque tout.
• Vous pouvez exporter vos résultats pour réutiliser facilement vos données d'accessibilité dans des feuilles de calcul, des bases de données ou d'autres logiciels.

Pour une introduction rapide à axe Developer Hub, regardez la vidéo Trouver de nouveaux problèmes d'accessibilité avec axe Developer Hub ci-dessous :

L'architecture d'axe Developer Hub

Axe Developer Hub comprend deux éléments principaux : un site Web appelé axe Developer Hub et un composant de code, le package @axe-core/watcher.

axe Developer Hub

Axe Developer Hub a deux objectifs principaux : gérer les projets et afficher les résultats des tests.

Créer et gérer des projets

Pour utiliser axe Developer Hub, la première étape consiste à créer un projet pour regrouper les résultats des tests afin de les examiner sur le site Web de la plateforme. Lorsque vous créez un nouveau projet, axe Developer Hub crée une clé API et vous donne des instructions complètes sur la façon d'intégrer le composant de code (dans le package @axe-core/watcher) dans votre suite de tests actuelle.

Consultez Démarrer avec axe Developer Hub pour un guide étape par étape pour créer un nouveau projet.

Affichage des problèmes d'exécution de test

Axe Developer Hub assure également le suivi des exécutions de tests. Sur le site Web axe Developer Hub, toutes les exécutions de test sont collectées et affichées. C'est ici que vous pouvez consulter l'état d'accessibilité de votre projet, y compris le nombre et la gravité des problèmes d'accessibilité. Si vous utilisez Git, vous pouvez également voir les erreurs d’accessibilité liées à chaque commit. Pour mieux concentrer vos efforts sur la correction, vous pouvez utiliser des filtres pour affiner les défauts d'accessibilité en fonction de la gravité et d'autres critères.

Consultez Afficher les problèmes d'accessibilité pour plus d'informations.

Le composant Code

Le composant de code de l'axe Developer Hub est le package @axe-core/watcher, qui effectue plusieurs tâches :

• Injecte le code de test d'accessibilité dans le pilote d'automatisation du navigateur existant en encapsulant les appels importants, il est donc nécessaire d'apporter des modifications minimales à la configuration de votre suite de tests pour ajouter des tests d'accessibilité à votre suite de tests actuelle.
• Collecte les statistiques de tests d'accessibilité pour votre projet et envoie ces données aux serveurs de Deque. Cela vous permet de voir l'état d'accessibilité de votre site Web depuis n'importe où et de surveiller l'évolution des défauts d'accessibilité.
• Associe les commits Git aux résultats d'accessibilité. Cette fonctionnalité vous donne un retour immédiat sur si vos résultats d'accessibilité évoluent dans la bonne direction. Vous pouvez également installer une action GitHub sur un dépôt GitHub pour bloquer les commits s'ils ne satisfont pas au niveau de qualité d'accessibilité spécifié.

Consultez Référence API pour plus d'informations sur les API fournies par le package @axe-core/watcher.

Aperçu d'un workflow de axe Developer Hub

Voici un exemple de flux de travail pour indiquer une manière d'utiliser axe Developer Hub au sein d'une organisation pour surveiller les défauts d'accessibilité de votre site Web :

1. Créez un nouveau projet dans axe Developer Hub. Voir Démarrer avec axe Developer Hub.

2. Modifiez votre suite de tests. axe Developer Hub fournit des instructions sur la façon de modifier votre suite de tests, ce qui ne nécessite que quelques modifications de votre suite de tests existante, et vous pouvez revoir les instructions à tout moment. Consultez Platform Support pour plus d'informations sur les plates-formes d'automatisation de navigateur et les navigateurs pris en charge par axe Developer Hub.

3. Exécutez votre suite de tests. L'exécution de votre suite de tests vérifie non seulement vos pages Web pour détecter les défauts d'accessibilité, mais collecte également des informations sur vos commits et branches Git et ajoute ces informations à axe Developer Hub.

4. Affichez vos problèmes d'accessibilité dans axe Developer Hub. Voir Afficher les problèmes d'accessibilité.

5. Corrigez les défauts d’accessibilité de votre site Web et réexécutez vos tests. Chaque défaut sur l'axe Developer Hub fournit un lien vers Deque University pour les stratégies d'atténuation.

6. (Facultatif) Partagez vos résultats. Partagez des résultats spécifiques avec vos collègues pour résoudre les problèmes d’accessibilité récurrents.

7. Surveillez en permanence la qualité du code en exécutant continuellement votre suite de tests (assurez-vous de l'exécuter sur chaque commit Git dans chaque branche). Surveillez les tendances en matière de qualité du code dans axe Developer Hub. Voir Afficher les problèmes d'accessibilité.

8. (Facultatif) Exportez les données selon vos besoins pour les utiliser dans d'autres applications. Voir Exportation de données.

9. (Facultatif) Configurez l'action GitHub pour agir comme gardien de l'accessibilité pour votre référentiel sur GitHub et empêcher les commit qui ne sont pas à un niveau de qualité spécifié. Voir Utilisation de l'action GitHub du Developer Hub d'axe.

Voir aussi

Démarrez avec axe Developer Hub

Prise en charge de la plateforme axe Developer Hub

---

Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.