Analyse des problèmes d'accessibilité

Effectuer des analyses automatisées d'accessibilité est rapide et facile avec axe DevTools. Il existe 2 types de scans d'accessibilité disponibles :

• Analyse de la page complète
• Analyse partielle de la page

Analyse de la page complète

Depuis l'écran de démarrage de l'extension, cliquer sur « Analyse de la page complète » lancera une axe-core analyse automatisée de la page entière. Une fois l'analyse terminée, vous pourrez consulter les résultats de l'analyse.

Analyse partielle de la page

Depuis l'écran de démarrage de l'extension, cliquer sur « Analyse partielle de la page » vous permettra de sélectionner un composant spécifique ou une zone de la page pour y effectuer votre analyse. Cela signifie qu'une analyse complètement isolée sera effectuée uniquement sur l'élément sélectionné (tout le contenu en dehors du composant sélectionné sera effectivement ignoré). Pour effectuer une sélection d'élément, vous pouvez utiliser votre souris pour cliquer sur n'importe quel élément de la page ou l'« Élément Sélecteur » compatible avec les technologies d'assistance pour effectuer une sélection d'élément avec un clavier (aucune souris requise). Une fois la sélection de l'élément effectuée, vous pouvez cliquer sur analyser ce qui vous conduira ensuite aux résultats de l'analyse.

Résultats

La "Vue d'ensemble" des résultats affiche les problèmes d'accessibilité trouvés lors d'une analyse. L'URL dans laquelle l'analyse a été effectuée est affichée avec un contrôle pour "Relancer" l'analyse. En dessous, pour les analyses partielles de page, l'élément sélectionné sera affiché avec un contrôle "Souligner" pour surligner l'élément/composant sélectionné sur la page. Ensuite, vous trouverez les résumés des problèmes contenant le nombre total de problèmes trouvés ainsi que le nombre de répartitions qui servent de "filtres" pour afficher des types ou catégories de problèmes spécifiques :

• "PROBLÈMES AUTOMATIQUES" : Problèmes trouvés lors d'une analyse automatisée
• "PROBLÈMES GUIDÉS" : Problèmes trouvés lors de Tests Guidés Intelligents
• "À Revoir" : Problèmes potentiels pour lesquels axe-core n'a pas pu déterminer avec certitude qu'il s'agissait de vrais problèmes. Cela peut souvent se produire avec les calculs de contraste des couleurs pour le texte sur les images de fond ou les dégradés complexes.
• Bonne Pratique : Problèmes qui ne se conforment pas nécessairement aux critères de succès WCAG mais sont des pratiques acceptées par le secteur qui améliorent l'expérience utilisateur
• Impact (Critique, Grave, Modéré, et Mineur) : Catégories d'impact des problèmes

Les problèmes sont regroupés selon leur « règle ». Pour chaque règle violée, un bouton extensible avec la description de la règle sera disponible pour approfondir les problèmes trouvés.

Pour chaque problème, les informations suivantes sont disponibles :

• Description du problème
• "Souligner" (bascule qui surligne l'élément sur la page)
• "Partager le problème" (génère une page partageable dédiée au problème spécifique trouvé contenant toutes les données du problème ainsi qu'une capture d'écran)
• Lien vers la page d'aide dédiée pour la règle donnée ("plus d'informations")
• "Emplacement de l'élément" (le sélecteur CSS généré pour l'élément avec le problème d'accessibilité)
• "Inspecter l'Élément" (vous permet d'inspecter l'élément dans le panneau des éléments des outils de développement)
• Code source de l'élément
• Consignes de correction (informations sur la façon de corriger le problème)

Enregistrement des résultats

Les utilisateurs avec un abonnement "Pro" pourront sauvegarder leurs résultats en utilisant le bouton "Enregistrer le Test". Une fois cliqué, il vous sera demandé de donner un nom à votre enregistrement de test. Ensuite, les Tests Guidés Intelligents (IGTs) seront disponibles pour porter vos tests à un niveau supérieur ! Les enregistrements de test sauvegardés sont des enregistrements persistants où toutes vos données de test seront stockées. Vous pouvez toujours retrouver vos tests sauvegardés en cliquant sur l'élément de menu "voir les tests sauvegardés" dans la barre de menu supérieure.