En matière d'accessibilité numérique, il vaut toujours mieux détecter les problèmes le plus tôt possible. Vous gagnez ainsi du temps et de l'argent, mais surtout, vous garantissez à vos utilisateurs une expérience accessible à chaque fois.
Axe Developer Hub a été conçu pour vous permettre d'intégrer sans effort des tests d'accessibilité automatisés à vos tests de bout en bout (E2E) grâce à une configuration simple, ce qui vous permet de détecter et de corriger les problèmes à un stade précoce et d'optimiser votre productivité.
La première version d'axe Developer Hub visait à optimiser les tests de bout en bout pour les équipes utilisant des frameworks JavaScript et TypeScript, ainsi qu'à faciliter la consultation des rapports dans un environnement SaaS. Depuis lors, nous avons prêté une oreille attentive à vos commentaires, et nous sommes aujourd'hui ravis de vous présenter une nouvelle série de fonctionnalités.
Grâce aux dernières mises à jour, vous pouvez :
- Exécutez des tests Selenium de bout en bout (E2E) écrits en Java. Effectuez des tests dans davantage d'environnements avec une couverture d'intégration plus étendue.
- Déployez sur site. Conservez les résultats des tests dans votre propre environnement pour une sécurité des données et une conformité accrues.
- Maîtrisez davantage votre expérience de test. Appliquez des paramètres de configuration et ajoutez de manière sélective des tests d'accessibilité à certains ou à l'ensemble de vos tests E2E.
Que vous soyez développeur, ingénieur assurance qualité ou responsable d'une équipe dédiée à l'accessibilité, vous savez que la détection précoce des problèmes d'accessibilité numérique est essentielle à votre réussite. Découvrons ensemble comment les nouvelles fonctionnalités facilitent plus que jamais cette tâche.
Prise en charge étendue des langages de test et des frameworks
Si vous utilisez Selenium avec Java, vous pouvez désormais intégrer directement axe Developer Hub à votre infrastructure de test, sans qu'aucune maintenance régulière ne soit nécessaire. Une simple configuration suffit pour bénéficier de tests d'accessibilité au sein de votre environnement de test Selenium E2E. Vous n'aurez plus à vous soucier en permanence de mettre à jour les appels d'API d'accessibilité dans votre code ni à vous assurer que l'accessibilité est prise en compte à chaque nouveau test.
Déploiement sur site pour une expérience sécurisée
En plus de tirer parti d’axe Developer Hub dans des environnements SaaS, vous pouvez désormais le déployer sur vos systèmes sur site. Cela vous permet d’intégrer facilement des tests d’accessibilité automatisés à vos workflows de tests de bout en bout, tout en conservant vos données sur des serveurs que vous contrôlez. Vous disposez ainsi de davantage de moyens pour profiter des avantages des tests d’accessibilité automatisés, tout en respectant vos exigences spécifiques en matière de sécurité et de conformité.
Un contrôle et une flexibilité accrus
Axe Developer Hub vous permet désormais de standardiser les paramètres (tels que les règles à inclure ou à exclure des tests) et de choisir où vous souhaitez ajouter des tests d'accessibilité automatisés pour une analyse plus contrôlée. Vous bénéficiez ainsi d'une plus grande liberté pour adapter les fonctionnalités d'Axe Developer Hub à vos besoins et à vos workflows, ce qui vous permet de garder le contrôle, de garantir la standardisation entre les produits et d'intégrer de manière transparente les tests d'accessibilité à votre processus de développement.
Les avantages concrets de l'utilisation d'Axe Developer Hub
Voici deux exemples illustrant comment vous pouvez utiliser axe Developer Hub pour améliorer vos processus et obtenir les résultats escomptés.
Cohérence des données
Imaginons que vous soyez responsable d'une équipe centrale chargée de l'accessibilité et que vous souhaitiez vous assurer que les tests automatisés exécutés à la fois depuis l'extension axe DevTools et depuis axe Developer Hub utilisent la même version axe-core vérifient tous deux la conformité aux WCAG 2.2 niveau AA.
Comme le montre l'image ci-dessous, tirée du site axe.deque.com, vous pouvez accéder à la rubrique « Configurations ». Sur cette page, vous trouverez les « Options globales ». Ces options vous permettent de définir les règles appliquées par Deque différents Deque . Problème de cohérence des données : résolu !

Analyse de pages contrôlée
Dans l'exemple suivant, imaginez que vous soyez chargé d'analyser les résultats des tests de bout en bout. Vous ne souhaitez voir que les résultats qui comptent pour vous et votre équipe, car les problèmes concernant d'autres équipes ne sont que du bruit. Dans cet exercice, vous faites partie de l'équipe A.
Voici un test E2E simple pour une expérience d'achat en ligne :
- Accéder à la page d'accueil.
- Accédez au catalogue de produits et ajoutez des articles à votre panier.
- Vérifiez le contenu de votre panier, puis cliquez sur « Passer à la caisse ».
- Remplissez le formulaire de paiement.
- Vérifiez la confirmation de commande.
- Consultez les recommandations de produits.
Cette liste semble assez simple, jusqu'à ce qu'on se demande « à qui appartient quoi ».
| Page | Propriétaire |
|---|---|
| Page d'accueil | Marketing |
| Catalogue de produits | Marketing |
| Panier | Équipe A |
| Formulaire de paiement | Équipe A |
| Confirmation de commande | Équipe A |
| Recommandations | Marketing |
Si vous deviez ajouter « watcher » (un composant d’Axe Developer Hub) à ce test de bout en bout, les données d’accessibilité seraient alors collectées pour toutes ces pages, et votre équipe devrait passer au crible des problèmes qui ne la concernent pas. Grâce à la possibilité d’ajouter de manière sélective des tests d’accessibilité, vous pouvez suspendre et reprendre les tests afin d’obtenir exactement ce que vous souhaitez. Plus de contrôle, moins de bruit !
Concluons cet exemple en comparant les deux approches.
| Page | Propriétaire | Analyse automatique | Analyse contrôlée |
|---|---|---|---|
| Page d'accueil | Marketing | Analyser | Désactivez l'analyse automatique et ne lancez pas d'analyse. |
| Catalogue de produits | Marketing | Analyser | Aucune analyse |
| Panier | Équipe A | Analyser | Activez l'analyse automatique, puis lancez l'analyse. |
| Formulaire de paiement | Équipe A | Analyser | Analyser |
| Confirmation de commande | Équipe A | Analyser | Analyser |
| Recommandations | Marketing | Analyser | Désactivez l'analyse automatique et ne lancez pas d'analyse. |
Découvrez le Developer Hub d'axe en action
Prêt à profiter des avantages des dernières mises à jour de notre Developer Hub ? Demandez une démonstration dès aujourd’hui pour découvrir à quel point il est simple d’intégrer des tests d’accessibilité automatisés de bout en bout dans votre flux de travail.
~
Une nouvelle en prime !
L'Axe Developer Hub n'est pas la seule fonctionnalité à bénéficier d'une mise à jour. Notre linter Axe en fait également partie. Vous pouvez désormais analyser votre code localement ! En plus de vérifier votre code à la recherche de problèmes d'accessibilité côté serveur, vous pouvez désormais lancer une analyse d'accessibilité directement depuis votre environnement local, par exemple sur votre ordinateur portable. Cela permet une analyse plus rapide des bases de code volumineuses, tout en conservant l'intégralité de vos données en toute sécurité sur votre système. En savoir plus.