Orientation axe experte

L'extension axe Expert s'intègre aux outils de développement de votre navigateur, qui sont une fonctionnalité intégrée destinée à être utilisée par les développeurs Web pour examiner, dépanner et résoudre les problèmes dans les pages Web. Après l'installation, l'onglet axe Expert apparaît comme une option dans la barre d'onglets Outils de développement. Cliquer sur le bouton affiche les cinq onglets principaux dans une barre horizontale sous la barre d’outils, chacun ayant sa propre barre d’outils sous la barre d’onglets. Sous la barre d'outils spécifique à l'onglet, vous trouverez les principaux volets de contenu des résultats, qui eux-mêmes affichent des contrôles supplémentaires tels que des boutons et des liens.

Composants

Les cinq composants principaux suivants sont révélés une fois l'extension Axe Expert activée dans la barre d'outils DevTools :

1. Onglet axe Expert : l'onglet situé en haut du volet DevTools du navigateur, y compris axe Expert. Pour des informations d'installation complètes, voir Téléchargement et installation de l'extension axe Expert. Cliquer sur son onglet fait d'axe Expert l'outil actif tandis que les autres outils et commandes de la boîte à outils restent dans la barre horizontale.

2. Menu déroulant de navigation du panneau du menu principal : il s'agit des outils au sein de l'outil, pour ainsi dire, que vous pourriez également considérer comme des « pages » d'affichage dans l'extension axe Expert. La sélection de la flèche vers le bas affiche la liste. Sélectionnez un lien dans la liste pour afficher le panneau.

   Les panneaux accessibles à partir du menu principal incluent :

   • Analyser : analyser la page chargée pour détecter les violations des règles d'accessibilité, affichez les détails de chacune d'elles, téléchargez à partir de ou téléversez vers axe Monitor. Pour plus de détails, voir Analyser.

   • Page Insights : Une analyse des fonctionnalités de la page disponibles pour les technologies d'assistance. Pour plus de détails, voir Page Insights.

   • Tools : Page Insights affiche efficacement les composants du modèle d'objet d'accessibilité (AOM) utilisés par les lecteurs d'écran.

   • Scripts : enregistrez les actions séquentielles effectuées sur la page chargée sous forme de script d'événements qui peuvent être relus, téléchargés vers ou téléchargés depuis axe Monitor, où ils peuvent être appliqués aux analyses pour automatiser les étapes de tâches fastidieuses (telles que le remplissage d'un formulaire de connexion). Pour plus de détails, voir Scripts.

   • Rules : Soumettez des règles personnalisées via un fichier JSON. Elles seront disponibles dans la section Ensemble de règles de l'onglet Paramètres. Vous pourrez ainsi sélectionner votre propre ensemble de règles pour une analyse de page. Pour plus de détails, voir Panneau de règles.

   • Settings : Connectez-vous à Axe Monitor et spécifiez les normes à cibler dans votre analyse. De plus, lorsque vous avez sélectionné ou « basculé vers » un projet, les noms de l'organisation et du projet s'affichent. Pour plus d'informations, voir Sign in to axe Monitor.

3. Extension version number:Le numéro de version de l'extension s'affiche directement sous le titre de l'extension en haut de la fenêtre de l'extension.

4. Pane specific menu, navigation tools and notification area:Le bouton des ellipses verticales est un menu spécifique au volet actuellement consulté. Des outils supplémentaires tels que les boutons de navigation de violations, les boutons d'inspection ou de mise en surbrillance, les menus déroulants, etc. ainsi que les messages de réponse des outils apparaissent dans cette zone de barre d'outils spécifique au volet général. Les outils qui s'affichent sont spécifiques uniquement à la vue du volet actif sélectionné (par exemple, le volet Analyser). Certaines des fonctionnalités affichées ici sont intégrées aux DevTools du navigateur.

5. Content pane(s) area:La fenêtre principale qui est entièrement contrôlée par et spécifique à axe Expert, bien que certaines fonctionnalités interagissent avec d'autres DevTools intégrés tels que le surlignage ou l'inspection. Selon le volet sélectionné, il peut s'agir d'une fenêtre à volet unique ou d'une fenêtre à volets divisés ou multiples. Cette région des outils de développement affiche du contenu tel que les règles, les violations, les simulations et les événements de script. Les volets internes contiennent également des contrôles utilisateur exploitables tels que des boutons et des liens. Consultez les rubriques des volets respectifs pour plus de détails sur l’utilisation de chacun d’eux.