Bienvenue dans axe DevTools for Web

Chez Deque Systems, nous avons créé axe DevTools for Web pour vous permettre d'intégrer facilement des tests automatisés d'accessibilité dans votre processus de développement. Nous pensons que la prévention des défauts d’accessibilité en ajoutant des tests automatisés d’accessibilité est le moyen le plus efficace et le plus durable de créer des produits accessibles.

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

Les composants d'axe DevTools for Web

Axe DevTools for Web comprend les composants suivants pour vous permettre d'intégrer les tests d'accessibilité à différents points de votre processus de développement.

• axe Developer Hub : ajoutez facilement des tests d'accessibilité à vos suites de tests Web existantes
• axe DevTools Linter : détectez les problèmes d'accessibilité pendant que vous codez
• axe DevTools Browser Extension : vérifiez l'accessibilité depuis votre navigateur
• API : automatisez vos tests d’accessibilité
• CLI : vérifier l'accessibilité à partir de la ligne de commande

axe Developer Hub : ajoutez facilement des tests d'accessibilité à vos suites de tests Web existantes

Le axe Developer Hub de Deque fournit une solution de test d'accessibilité complète qui permet de commencer facilement à tester vos propriétés Web pour détecter les problèmes d'accessibilité. Pour plus d'informations, consultez Bienvenue sur axe Developer Hub.

axe DevTools Linter : identifiez les problèmes d'accessibilité pendant que vous codez

Vous pouvez télécharger axe Accessibility Linter for VS Code à partir de la place de marché VS Code. Utilisez-le pendant que vous écrivez du code afin d'être immédiatement alerté des problèmes d'accessibilité, comme n'importe quel autre linter.

axe DevTools Browser Extension : vérifiez l'accessibilité depuis votre navigateur

axe DevTools Browser Extension 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 détecter jusqu'à 80 % de tous les défauts d'accessibilité.

Pour en savoir plus sur la prise en main et l'utilisation de l'extension de navigateur axe DevTools, consultez cette liste de lecture vidéo.

Pour voir la documentation de l'axe DevTools Browser Extension, consultez Axe DevTools Extension.

API : automatisez vos tests d’accessibilité

Les axe DevTools pour les API Web sont conçus pour vous aider à tester automatiquement l'accessibilité dans le cadre de votre processus de test d'interface utilisateur automatisé (de bout en bout) existant. Vous pouvez utiliser nos API dans des tests où vous utilisez 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 donnant ainsi la possibilité d'utiliser nos packages pour vous aider à trouver des problèmes d'accessibilité pendant votre processus CI.

Pour trouver quel package axe DevTools for Web vous devez utiliser avec les pilotes de test ou les frameworks de test que vous utilisez déjà, consultez notre Catalogue d'exemples. Cette page vous aidera non seulement à identifier le package dont vous avez besoin, mais vous orientera également vers un exemple de projet que vous pouvez cloner à partir de GitHub et exécuter localement. Nous vous recommandons de faire cela en premier. Une fois que l’exemple fonctionne localement, il vous sera facile d’inclure des tests d’accessibilité automatisés dans votre propre projet.

CLI : vérifier l'accessibilité à partir de la ligne de commande

Si votre équipe ne dispose pas encore de nombreux tests d’interface utilisateur automatisés, l'axe DevTools for Web CLI peut être une bonne option pour inclure des tests d’accessibilité pour certains flux utilisateurs importants dans votre site Web ou application Web. axe DevTools for Web CLI peut être scripté pour charger des pages spécifiées (via son langage de script intégré), remplir des formulaires, se connecter avec les informations d'identification de l'utilisateur de test et exposer différents états de pages créées avec React, Vue, Angular et d'autres frameworks de ce type. Il peut également être très utile pour tester automatiquement des sites responsive à différents points de rupture. Pour démarrer avec axe DevTools pour Web CLI, lisez les Guides de démarrage rapide.

Accéder à axe DevTools pour les paquets Web

Il existe deux manières d'obtenir les packages axe DevTools for Web :

1. Directement depuis notre référentiel d'artefacts. Vous pouvez télécharger les fichiers dont vous avez besoin à partir de notre page Téléchargements . Dans le Catalogue d'exemples vous trouverez des liens pour télécharger un exemple de projet ou consulter la documentation de votre exemple préféré.

2. En connectant le référentiel d'artefacts de votre organisation au nôtre, votre gestionnaire de packages peut résoudre toutes les dépendances sur les packages axe DevTools for Web. Consultez 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 avez besoin d'aide pour démarrer, nous sommes là pour vous aider. Veuillez envoyer un e-mail à helpdesk@deque.com et nous serons heureux de vous aider.

De plus, votre e-mail de bienvenue contient les coordonnées de votre Gestionnaire de réussite client (CSM) attitré. Ils sont également prêts à vous aider à intégrer les tests d’accessibilité dans la manière dont vous créez 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.