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 « Sélection partielle de page » vous permettra de sélectionner un composant ou une zone spécifique de la page pour effectuer 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ément, vous pouvez utiliser votre souris pour pointer et cliquer sur n'importe quel élément de la page ou utiliser le « Sélecteur d'élément » accessible aux technologies d'assistance pour effectuer une sélection avec un clavier (aucune souris requise). Voir Sélection des éléments pour plus de détails. Une fois que la sélection de l'élément a été faite, vous pouvez cliquer sur analyser, ce qui vous mènera ensuite à 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.