Extension axe DevTools

Pour vous familiariser davantage avec l'extension de navigateur axe DevTools, regardez la Vidéo de prise en main de l'extension de navigateur axe DevTools ci-dessous :

En savoir plus avec notre liste de lecture des vidéos de l'extension axe DevTools

Installation

L'extension de navigateur axe DevTools est disponible sur Google Chrome et Microsoft Edge. Une version limitée est également disponible sur Mozilla Firefox. À l'heure actuelle, la fonctionnalité "Pro" (sauvegarde, exportation, test guidé intelligent, rapports d'utilisation, etc.) n'est disponible que dans les versions Chrome et Edge. Pour installer, visitez l'une des listes ci-dessous avec le navigateur respectif, cliquez sur le bouton d'installation et suivez les instructions.

• Google Chrome
• Microsoft Edge
• Mozilla Firefox

Prise en main

Ouverture de l'extension axe DevTools

Pour accéder à l'extension axe DevTools, vous devez d'abord ouvrir les outils de développement de votre navigateur. Pour ce faire, faites un clic droit n'importe où sur une page et choisissez „Inspecter“. Alternativement, les outils de développement peuvent être ouverts avec les raccourcis suivants :

• Windows : ctrl + shift + i
• MacOS : cmd + option + i

Une fois les outils de développement du navigateur ouverts, naviguez jusqu'à l'onglet „axe DevTools“.

Création d'un compte et connexion

Pour tirer pleinement parti de tout ce que l'extension de navigateur axe DevTools a à offrir, un abonnement ou un essai "Pro" devra être créé ainsi qu'un compte axe.

Pour créer un compte, allez sur la page des plans et choisissez un essai ou achetez directement. Vous pourrez ensuite créer un compte en connectant un compte Google ou GitHub, ou en remplissant le formulaire d'inscription. Après cela, vous devrez vérifier votre adresse e-mail en cliquant sur le lien dans l'e-mail que vous recevrez immédiatement après votre inscription.

Une fois que vous avez un compte et un essai ou un abonnement, vous pouvez vous connecter à l'extension en cliquant sur le lien „Se connecter“ en haut à droite. Lorsque la connexion est initiée depuis l'extension, un nouvel onglet s'ouvrira dans lequel vous pourrez compléter le processus de connexion. Une fois la connexion terminée, vous serez redirigé vers l'onglet de l'extension.

Vous êtes maintenant équipé de toutes les fonctionnalités de l'extension de navigateur axe DevTools alimentées par l'IA ! Pour commencer, n'hésitez pas à explorer vous-même l'extension et à continuer à lire la documentation sur les nombreuses fonctionnalités impressionnantes que l'extension axe DevTools a à offrir :

• Recherche des problèmes d'accessibilité
• Configuration de l'extension de navigateur axe DevTools
• Test guidé intelligent
• Partage
• Exportation
• Tests (manuels) restants

Disponibilité des fonctionnalités

Tous les utilisateurs

• Scan de la page complète
  • Rapport de scan incluant une ventilation détaillée de chaque problème, mise en évidence, inspection, sélecteur CSS de l’élément, code source de l’élément, comment résoudre, page d'aide de la règle
• Paramètres
  • Apparence
    • Langue
    • Thème de surlignage
    • Thème de l'extension
  • Règles et problèmes
    • Meilleures pratiques
    • Sélectionner la norme d'accessibilité

Utilisateurs avec abonnement à l'extension axe DevTools (Pro) ou axe DevTools pour le Web

Toutes les fonctionnalités listées ci-dessus ainsi que :

• Scan partiel de page
• Analyse du flux utilisateur
• Enregistrement des tests
• Tests guidés intelligents
• Exportation
• Rapports de tests et problèmes partagés
• Liste de vérification des tests restants
• Signalement manuel de problèmes
• Mode hors ligne
• Résolveur automatique de contraste de couleur
• Paramètres
  • Règles et problèmes
    • Sélectionner la version axe-core
    • Options de révision nécessaires
    • Comportement de l'outil de contraste de couleur
    • Règles expérimentales
  • Paramètres de capture d'écran
  • Paramètres d'exportation
  • Paramètres du serveur
  • Mode hors ligne (uniquement pour entreprise)

Questions Fréquemment Posées

Comment effectuer un scan ?

Effectuer un scan est simple ! Consultez la documentation Scan pour les problèmes d'accessibilité pour en savoir plus.

Que sont les « Tests guidés intelligents » et comment les utiliser ?

Les tests guidés intelligents, ou IGT, vous guident à travers les tests des zones plus complexes de l'accessibilité sans nécessiter aucune expérience ou expertise en accessibilité. Consultez la documentation Test guidé intelligent pour en savoir plus.

Puis-je exporter des données ?

Oui ! Il existe plusieurs formats d'exportation décrits en détail dans la documentation Exportation des données.

Puis-je partager les résultats ?

Partager les résultats est facile avec l'extension axe DevTools. Vous pouvez partager des enregistrements de tests complets, des groupes de problèmes, et même des problèmes individuels. Consultez la documentation Partage des résultats pour en savoir plus.

Comment puis-je utiliser le réglage du navigateur « Sur des sites spécifiques » ?

Si vous utilisez le réglage du navigateur « Sur des sites spécifiques », assurez-vous d'ajouter https://*.deque.com/* à la liste en plus des autres URL que vous souhaitez pouvoir scanner. Sinon, vous pourriez rencontrer des problèmes pour vous connecter et utiliser d'autres fonctionnalités.

Administrateurs

L'extension axe DevTools inclut fourniture multiple d'abonnements, rendant la configuration et la gestion des utilisateurs simples et directes.

Gestion des utilisateurs

Les administrateurs peuvent gérer les utilisateurs sur la page « GESTION DES UTILISATEURS ». Consultez la documentation Gestion des utilisateurs du portail axe Account pour en savoir plus.

Configuration à travers toute l'organisation

Les administrateurs peuvent configurer des paramètres comme les versions axe-core, les normes de test d'accessibilité et plus encore pour l'ensemble de leur organisation avec Configuration axe.

Configuration par Politique

L'extension axe DevTools peut être configurée par politique, ce qui permet aux administrateurs de contrôler précisément les options de configuration de l'extension. En savoir plus sur la configuration des politiques ici.