Bienvenue dans Axe DevTools pour le Web

Chez Deque Systems, nous avons conçu Axe DevTools pour le Web afin de vous faciliter l'intégration des tests automatisés d'accessibilité dans votre processus de développement. Nous croyons que prévenir les défauts d'accessibilité grâce aux tests automatisés est le moyen le plus efficace et durable de créer des produits accessibles.

Axe DevTools pour le Web est basé sur notre produit axe-core, qui est le moteur de test d'accessibilité open-source le plus populaire.

Chaque composant décrit ci-dessous est testé conformément aux mêmes normes d'accessibilité. Consultez Règles pour les normes disponibles, et le Glossaire pour la terminologie employée dans toute cette documentation.

Les composants d'Axe DevTools pour le Web

Axe DevTools pour le Web comprend les composants suivants pour vous aider à intégrer les tests d'accessibilité à différentes étapes de votre processus de développement.

• Hub Développeur Axe : Unifiez vos tests d'accessibilité sur toutes les plateformes
• Axe DevTools Linter : Identifiez les problèmes d'accessibilité pendant que vous codez
• Extension de navigateur Axe DevTools : Vérifiez l'accessibilité depuis votre navigateur
• Axe Watcher : Ajoutez rapidement des tests d'accessibilité à vos suites de tests Web existantes
• API Web : Automatisez vos tests d'accessibilité
• CLI : Vérifiez l'accessibilité depuis la ligne de commande

Hub Développeur Axe : Unifiez vos tests d'accessibilité sur toutes les plateformes

Le Hub Développeur Axe de Deque fournit une plateforme complète de test d'accessibilité qui agrège les résultats de plusieurs sources à travers votre flux de travail de développement. Que vous testiez des applications Web, des applications mobiles ou que vous intégriez les API Web d'Axe DevTools, le Hub Développeur Axe vous donne une vue unifiée des problèmes d'accessibilité dans l'ensemble de votre écosystème numérique. Pour plus d'informations, voir Bienvenue dans le Hub Développeur Axe.

Axe DevTools Linter : Identifiez les problèmes d'accessibilité pendant que vous codez

Vous pouvez télécharger le Linter d'accessibilité Axe pour VS Code depuis le marché de VS Code. Utilisez-le pendant que vous écrivez du code afin d'être alerté immédiatement des problèmes d'accessibilité, tout comme n'importe quel autre linter.

Axe DevTools Linter est également disponible en tant que plugin pour les IDEs JetBrains (IntelliJ IDEA Ultimate et WebStorm). Voir Utiliser le plugin Axe Linter avec JetBrains IDEs pour plus d'informations.

Extension de navigateur Axe DevTools : Vérifiez l'accessibilité depuis votre navigateur

L'extension de navigateur Axe DevTools peut être téléchargée directement depuis le Chrome web store, le Site des modules complémentaires Edge et le Site des modules complémentaires Firefox. Utilisez cette extension (qui s'intègre aux outils de développement de chaque navigateur) pour identifier jusqu'à 80 % de tous les défauts d'accessibilité.

Pour en savoir plus sur le démarrage et l'utilisation de l'extension de navigateur Axe DevTools, consultez cette playlist vidéo.

Pour consulter la documentation de l'extension de navigateur Axe DevTools, voir Extension Axe DevTools.

Axe Watcher : Ajoutez rapidement des tests d'accessibilité à vos suites de tests Web existantes

L'utilisation de Axe Watcher avec le Hub Développeur Axe simplifie le démarrage des tests d'accessibilité. Avec Axe Watcher, vous pouvez ajouter des tests d'accessibilité à vos suites de tests automatisés existantes en ne modifiant que quelques lignes de code. Il effectue automatiquement des analyses d'accessibilité pendant vos tests, capture les échecs avec le contexte Git (commits, branches, auteurs) et envoie les résultats au Hub Développeur Axe pour un suivi et un reporting centralisés. Fonctionne avec les suites de tests JavaScript/TypeScript et Java.

Pour en savoir plus sur Axe Watcher, commencez par la documentation Axe Watcher.

API Web : Contrôle granulaire des tests d'accessibilité au sein de vos suites de tests existantes

Les API Web d'Axe DevTools pour le Web (API Web en abrégé) sont conçues pour vous aider à détecter les problèmes d'accessibilité dans le cadre de votre processus de test automatisé UI (de bout en bout). Vous pouvez utiliser nos API dans des tests où vous employez des pilotes de navigateur comme Selenium, Puppeteer ou Playwright, et des frameworks de test comme Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest, et bien d'autres, vous permettant d'utiliser nos packages pour vous aider à identifier les problèmes d'accessibilité pendant votre processus CI.

Les API Web vous offrent un contrôle plus granulaire du processus de test qu'en utilisant Axe Watcher avec le Hub Développeur Axe. (Bien qu'un contrôle plus granulaire nécessite davantage de temps de configuration et de maintenance.) Les API Web offrent également un support linguistique supplémentaire par rapport à Axe Watcher (y compris C#, Python, et Ruby).

Pour savoir quel package Axe DevTools pour le Web utiliser avec les pilotes de test ou les frameworks de test que vous utilisez déjà, consultez notre Catalogue d'exemples. Le catalogue vous aidera non seulement à identifier le package dont vous avez besoin mais vous indiquera également un projet exemple que vous pouvez cloner depuis GitHub et exécuter localement. Nous vous recommandons d'essayer d'abord un exemple. Une fois que cela fonctionne localement, il sera plus facile d'intégrer les tests automatisés d'accessibilité dans votre propre projet.

CLI : Vérifiez l'accessibilité depuis la ligne de commande

Si votre équipe n'a pas encore beaucoup de tests d'interface utilisateur automatisés, l'outil en ligne de commande (CLI) axe (généralement simplement appelé le CLI) pourrait être une bonne option pour ajouter des tests d'accessibilité aux flux utilisateurs clés de votre site web ou application web. Le CLI peut être scripté pour charger des pages spécifiées (grâce à son langage de script intégré), remplir des formulaires, se connecter avec des identifiants de test utilisateur, et exposer différents états des pages construites avec React, Vue, Angular et d'autres frameworks similaires. Il peut également être très utile pour tester automatiquement les sites responsives à différents points de rupture, et il peut télécharger ses résultats sur Axe Developer Hub ainsi que les résultats des API Web. Pour commencer avec le CLI, lisez les Guides de démarrage rapide.

Accéder aux binaires pour Axe DevTools pour les API Web et CLI

Il y a deux façons d'obtenir les binaires pour Axe DevTools pour les API Web et CLI :

1. Directement depuis notre dépôt d'artéfacts. Vous pouvez télécharger les fichiers dont vous avez besoin depuis notre page Téléchargements. Sur Axe DevTools pour les exemples web , vous trouverez des liens pour télécharger un projet exemple ou voir la documentation pour votre exemple préféré.

   note

   Pour accéder à la page de téléchargement ou au dépôt d'artéfacts, vous devrez vous connecter à l'aide de votre compte Axe. Vos informations d'identification se trouvent dans votre email de bienvenue.

2. En connectant le dépôt d'artéfacts de votre organisation au nôtre pour que votre gestionnaire de paquets puisse résoudre toutes les dépendances sur les paquets Axe DevTools pour le Web. Voir nos instructions pour vous connecter à votre dépôt Nexus ou à votre dépôt Artifactory.

Obtenir de l'aide

Si vous avez des questions ou besoin d'aide pour démarrer, nous sommes là pour vous aider. Veuillez envoyer un email, et nous serons heureux de vous aider.

De plus, votre email de bienvenue contient les coordonnées de votre Customer Success Manager (CSM) assigné. Ils sont également prêts à vous aider à intégrer les tests d'accessibilité dans la façon dont vous développez vos propres produits.

---

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.