Rapport Détaillé
Qu'est-ce que la page Rapport Détaillé ?
La page Rapport Détaillé affiche tous les détails d'une seule analyse d'accessibilité. Ici, vous pouvez voir tous les problèmes trouvés sur la page, les statistiques, les recommandations sur la façon de les corriger et les informations techniques pour les développeurs.
Comment y accéder ?
Vous pouvez accéder à un rapport détaillé de plusieurs manières :
- Depuis la page Analyses : cliquez sur le bouton "Voir le rapport" à côté d'une analyse terminée
- Depuis la page Plan du site : cliquez sur le bouton "Voir le rapport" à côté d'une URL analysée
- Depuis la page Problèmes : cliquez sur un problème pour voir le rapport de l'analyse associée
Informations sur l'Analyse
En haut du rapport, vous voyez trois informations principales :
URL Analysée
L'adresse complète de la page qui a été analysée. Vous pouvez cliquer sur ce lien pour ouvrir la page dans votre navigateur.
Date de l'Analyse
La date et l'heure auxquelles l'analyse a été effectuée. Cela vous aide à comprendre quand les problèmes ont été détectés.
Problèmes Totaux
Le nombre total de problèmes trouvés sur la page. Il inclut tous les types : critiques, avertissements et informations.
Statistiques de Sévérité
Cette section montre comment les problèmes sont distribués selon leur sévérité :
Critique
Le nombre de problèmes critiques trouvés. Ce sont les problèmes les plus graves qui empêchent ou rendent très difficile l'accès au contenu pour les utilisateurs handicapés. Ils doivent être corrigés en priorité.
Avertissements
Le nombre de problèmes d'avertissement trouvés. Ces problèmes réduisent la facilité d'utilisation mais n'empêchent pas complètement l'accès. Il est conseillé de les corriger pour améliorer l'expérience utilisateur.
Information
Le nombre de suggestions informatives trouvées. Ce sont des conseils pour améliorer l'accessibilité qui ne sont pas critiques mais peuvent rendre le site encore plus accessible.
Conformité WCAG
Cette section montre combien de problèmes violent les différents niveaux des normes WCAG :
Niveau A
Le nombre de problèmes qui violent le Niveau A de WCAG. Le Niveau A est le niveau de base de l'accessibilité et inclut les exigences fondamentales.
Niveau AA
Le nombre de problèmes qui violent le Niveau AA de WCAG. Le Niveau AA est le niveau standard recommandé pour la plupart des sites web et celui requis pour la conformité EAA.
Note : Un problème peut violer les deux niveaux, donc les chiffres peuvent se chevaucher.
Détails des Problèmes
C'est la section principale du rapport, où vous voyez tous les problèmes trouvés organisés clairement.
Organisation des Problèmes
Les problèmes sont organisés dans cet ordre :
- Problèmes Critiques - En premier
- Avertissements - Après les critiques
- Information - À la fin
Dans chaque section, les problèmes sont regroupés par type. Par exemple, tous les problèmes liés aux images sont regroupés ensemble.
Informations pour Chaque Problème
Pour chaque problème, vous voyez :
Description du Problème
Une description claire de ce qu'est le problème et pourquoi il est important. Cette description vous aide à comprendre ce qui doit être corrigé.
Sévérité
Un badge coloré indiquant la sévérité du problème :
- Critique : Rouge - Nécessite une attention immédiate
- Avertissement : Jaune/Orange - Conseillé de corriger
- Information : Bleu - Suggestion d'améliorations
Niveau WCAG
Un badge indiquant quel niveau WCAG est violé (A ou AA).
Recommandation
Une explication détaillée de la façon de corriger le problème. C'est la partie la plus importante car elle vous dit exactement quoi faire.
Références
Deux références importantes :
- WCAG : La référence aux normes WCAG que ce problème viole
- EAA : La référence aux normes EAA (European Accessibility Act) que ce problème viole
Ces références sont utiles si vous devez documenter la conformité ou si vous voulez en savoir plus sur les normes.
Détails Techniques
Informations techniques pour les développeurs :
-
Sélecteur : Le sélecteur CSS qui identifie l'élément problématique sur la page. Cela aide les développeurs à trouver exactement où se trouve le problème dans le code.
-
HTML : Le code HTML de l'élément problématique. Cela montre exactement comment l'élément est structuré et aide à comprendre ce qu'il faut modifier.
Note : Tous les problèmes n'ont pas de code HTML, cela dépend du type de problème.
Quand Il N'y a Pas de Problèmes
Si la page n'a pas de problèmes d'accessibilité, vous verrez un message de félicitations avec une icône de coche verte. Cela signifie que la page est accessible et respecte les normes !
Fonctions Disponibles
Ré-Analyse (Nouvelle Analyse)
Le bouton "Analyser" en haut vous permet d'effectuer une nouvelle analyse de la même page. C'est utile si :
- Vous avez corrigé certains problèmes et voulez vérifier les améliorations
- Vous voulez mettre à jour le rapport avec les données les plus récentes
- La page a été modifiée et vous voulez voir s'il y a de nouveaux problèmes
Note : Cette fonction n'est disponible que pour les utilisateurs Pro et Enterprise.
Lorsque vous cliquez sur "Analyser", une nouvelle analyse est lancée. À la fin, vous serez automatiquement redirigé vers le nouveau rapport.
Retour aux Analyses
Le bouton avec la flèche de retour (←) en haut à gauche vous amène à la page Analyses, où vous pouvez voir toutes les analyses effectuées.
Impression du Rapport
Le rapport est optimisé pour l'impression. Vous pouvez :
- Utiliser la fonction d'impression du navigateur (Ctrl+P ou Cmd+P)
- Enregistrer en PDF depuis la fenêtre d'impression
- Partager le rapport imprimé avec votre équipe
Lors de l'impression, les éléments inutiles (comme les boutons de navigation) sont automatiquement masqués pour une meilleure lisibilité.
Comment Utiliser le Rapport
Voici un flux de travail recommandé pour utiliser le rapport :
-
Commencez par les problèmes critiques : Ce sont les plus importants et doivent être corrigés en premier.
-
Lisez les recommandations : Chaque problème a une recommandation qui explique comment le corriger. Suivez ces directives.
-
Utilisez les détails techniques : Si vous êtes développeur, utilisez le sélecteur et le HTML pour trouver exactement où se trouve le problème dans le code.
-
Consultez les références : Si vous avez besoin d'en savoir plus, consultez les références WCAG et EAA.
-
Corrigez les problèmes : Modifiez le code de la page pour corriger les problèmes.
-
Effectuez une nouvelle analyse : Après avoir corrigé les problèmes, effectuez une nouvelle analyse pour vérifier qu'ils ont été résolus correctement.
-
Répétez pour les avertissements : Une fois les problèmes critiques corrigés, passez aux avertissements puis aux informations.
Conseils Utiles
-
Concentrez-vous sur les critiques : Les problèmes critiques ont la priorité la plus élevée. Corrigez-les en premier.
-
Utilisez les regroupements : Les problèmes regroupés par type vous aident à corriger des problèmes similaires tous ensemble, ce qui est plus efficace.
-
Enregistrez le rapport : Si vous devez partager le rapport avec d'autres ou le garder comme référence, utilisez la fonction d'impression pour l'enregistrer en PDF.
-
Documentez les améliorations : Effectuez des analyses régulières et comparez les rapports pour voir les améliorations au fil du temps.
-
Partagez avec l'équipe : Les rapports sont parfaits pour partager avec les développeurs, les concepteurs et les parties prenantes pour montrer ce qui doit être corrigé.
-
Utilisez les références : Les références WCAG et EAA sont utiles si vous devez documenter la conformité ou si vous voulez en savoir plus sur les normes.
Permissions Requises
Certaines fonctionnalités nécessitent des comptes spécifiques :
- Voir les rapports : Tous les utilisateurs (Demo, Pro, Enterprise) peuvent voir les rapports
- Ré-analyser : Seuls Pro et Enterprise peuvent effectuer de nouvelles analyses depuis la page du rapport
Les utilisateurs Demo peuvent voir tous les rapports mais ne peuvent pas effectuer de nouvelles analyses.
Quand le Rapport N'Existe Pas
Si vous essayez d'accéder à un rapport qui n'existe pas ou a été supprimé, vous verrez un message vous informant que le rapport n'a pas été trouvé. Vous pouvez cliquer sur le bouton "Retour aux analyses" pour revenir à la liste des analyses.
Informations du Pied de Page
En bas du rapport, vous voyez :
- La date de génération du rapport
- Un lien pour plus d'informations sur la conformité EAA
Ces informations sont utiles pour documenter quand le rapport a été généré et pour trouver des ressources supplémentaires.