Recherche des problèmes d'accessibilité

L'exécution d'analyses d'accessibilité automatisées est rapide et facile avec axe DevTools. Il existe 2 types d'analyses d'accessibilité disponibles :

• Scan pleine page
• Scan de page partiel

Analyse complète de la page

Depuis l'écran de démarrage de l'extension, cliquer sur « Scan pleine page » exécutera 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(#results).

Analyse partielle de la page

Depuis l'écran de démarrage de l'extension, en cliquant sur « Analyse partielle de la page » pour sélectionner un composant ou une zone de page spécifique dans lequel exécuter votre analyse. Cela signifie qu'une analyse complètement isolée sera exécutée uniquement dans l'élément sélectionné (tout le contenu en dehors du composant sélectionné sera effectivement ignoré). Pour effectuer une sélection d'éléments, vous pouvez utiliser votre souris pour pointer et cliquer sur n'importe quel élément de la page ou le « Sélecteur d'éléments » compatible avec les technologies d'assistance pour effectuer une sélection d'éléments avec un clavier (aucune souris requise). Une fois la sélection des éléments effectuée, vous pouvez cliquer sur analyser, ce qui vous amènera aux [résultats] du scan(#results).

Résultats

Les résultats « Aperçu » affichent les problèmes d’accessibilité détectés lors d’une analyse. L'URL dans laquelle l'analyse a été exécutée s'affiche avec une commande permettant de « réexécuter » l'analyse. En dessous, pour les balayages de pages partielles, l'élément sélectionné sera affiché avec un contrôle « Surligner » pour mettre en évidence 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 détectés ainsi que le nombre de répartitions qui agissent comme des « filtres » pour afficher des types ou des catégories de problèmes spécifiques :

• « PROBLÈMES AUTOMATIQUES » : problèmes détectés lors d'une analyse automatisée
• « PROBLÈMES GUIDÉS » : problèmes détectés lors des Tests guidés intelligents
• « Nécessite un examen » : problèmes potentiels pour lesquels axe-core n'a pas été en mesure de déterminer avec une certitude absolue s'il s'agissait de véritables problèmes. Cela peut souvent se produire avec les calculs de contraste de couleurs pour le texte sur des images d'arrière-plan ou des dégradés complexes.
• Meilleures pratiques : Problèmes qui ne sont pas nécessairement conformes aux critères de réussite WCAG, mais qui sont des pratiques acceptées par l'industrie qui améliorent l'expérience utilisateur
• Impact (critique, grave, modéré et mineur) : Catégories d'impact du problème

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 plonger dans les incidents détectés.

Pour chaque incident, les éléments suivants sont disponibles :

• Description de l'incident
• « Surligner » (bascule qui met en évidence 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 à la règle donnée (« plus d'informations »)
• « Emplacement de l'élément » (le sélecteur CSS généré pour l'élément présentant un problème d'accessibilité)
• « Inspecter l'élément » (permet d'inspecter l'élément dans le panneau des éléments des outils de développement)
• Code source de l'élément
• Guide de remédiation (informations sur la façon de résoudre le problème)

Sauvegarde des résultats

Les utilisateurs disposant d'un abonnement « Pro » pourront enregistrer leurs résultats en utilisant le bouton « Enregistrer le test ». Après avoir cliqué, il vous sera demandé de donner un nom à votre enregistrement de test. Ensuite, des Tests Guidés Intelligents (IGT) seront disponibles pour vous permettre de passer au niveau supérieur ! Les enregistrements de test enregistrés sont des enregistrements persistants où toutes vos données de test seront stockées. Vous pouvez toujours retrouver vos tests enregistrés en cliquant sur l'élément de menu « Afficher les tests enregistrés » dans la barre de menu supérieure.