Orientation axe Expert

L'extension axe Expert s'intègre aux outils de développement de votre navigateur, qui sont une fonctionnalité intégrée destinée aux développeurs web pour examiner, résoudre et corriger les problèmes sur les pages web. Après l'installation, l'onglet axe Expert apparaît comme une option dans la barre d'onglets des outils de développement. En cliquant sur le bouton, les cinq onglets principaux s'affichent 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 à chaque onglet, vous trouverez les principaux panneaux de contenu des résultats, qui affichent eux-mêmes des contrôles supplémentaires tels que des boutons et des liens.

Composants

Les cinq composants principaux suivants sont révélés après que l'extension axe Expert est activée sur la barre d'outils de DevTools :

1. Onglet axe Expert : l'onglet le long du dessus du volet des DevTools du navigateur, incluant axe Expert. Pour des informations complètes sur l'installation, voir Téléchargement et installation de l'extension axe Expert. En cliquant sur son onglet, axe Expert devient l'outil actif tandis que les autres outils et contrôles de toolbox restent dans la barre horizontale.

2. Menu de navigation déroulant du panneau de menu principal : ce sont les outils à l'intérieur de l'outil, en quelque sorte, que vous pourriez aussi considérer comme des "pages" vues dans l'extension axe Expert. La sélection de la flèche vers le bas affiche la liste. Sélectionnez un élément de lien dans la liste pour afficher le panneau.

   Les panneaux accessibles depuis le menu principal incluent :

   • Analyser : Analyser la page chargée pour les violations des règles d'accessibilité, voir les détails pour chacune, télécharger depuis ou téléverser vers axe Monitor. Pour des détails complets, voir Analyser.

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

   • Tools : Les Aperçus de Page affichent efficacement les composants du Modèle d'Objets d'Accessibilité (AOM) utilisés par les lecteurs d'écran.

   • Scripts : Enregistrer les actions séquentielles prises sur la page chargée comme un script d'événements pouvant être rejoué, téléversé vers ou téléchargé depuis axe Monitor, où ils peuvent être appliqués à des analyses pour automatiser les étapes de tâches fastidieuses (comme remplir un formulaire de connexion). Pour des détails complets, voir Scripts.

   • Rules : Soumettez des règles personnalisées via un fichier JSON pour être disponibles en tant qu'option dans la section Règles de l'onglet Paramètres, à partir duquel vous pouvez sélectionner votre propre ensemble de règles à exécuter dans le cadre d'une analyse de page. Pour des détails complets, voir Panneau des Règles.

   • Settings : Connectez-vous à axe Monitor et spécifiez les normes à cibler dans votre analyse. De plus, lorsque vous avez sélectionné ou "changé pour" un projet, les noms de l'Organisation et du Projet sont affichés. Pour plus d'informations, voir Connectez-vous à 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 à trois points verticaux est un menu spécifique au volet actuellement consulté. Des outils supplémentaires tels que des boutons de navigation des violations, des boutons d'inspection/surlignage, des menus déroulants, etc., ainsi que des messages de réponse de l'outil apparaissent dans cette zone de barre d'outils spécifique au volet général. Les outils affichés 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 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 surligner ou inspecter. Selon le volet sélectionné, il peut y avoir une fenêtre à un seul volet ou une fenêtre avec des volets partagés ou multiples. Cette région des outils de développement affiche du contenu tel que des règles, des violations, des simulations et des événements de script. Les volets internes contiennent également des contrôles utilisateur actionnables tels que des boutons et des liens. Consultez les sujets des volets respectifs pour obtenir des détails sur l'utilisation de chacun.