Exportation depuis Axe Developer Hub
Quelles informations pouvez-vous exporter depuis axe Developer Hub ?
Cet article explique comment exporter vos problèmes d'accessibilité depuis axe Developer Hub pour les utiliser ailleurs. Vous pouvez exporter vos problèmes au format JSON ou CSV.
Exportation
Depuis la page des problèmes d'axe Developer Hub, vous pouvez exporter les problèmes de votre exécution de test au format CSV ou JSON.
Exemples d'exportation
Pour les données d'exportation d'exemple dans cet article, il y a une erreur d'accessibilité dans le code HTML source : la page Web manquait de l'attribut lang sur l'élément html ; elle utilisait <html> instead of <html lang="en">.
Exemple de fichier CSV
La première ligne du fichier CSV indique les noms des colonnes.
Chaque valeur de colonne est placée entre guillemets car certaines colonnes (telles que Tags) peuvent contenir des virgules.
Les colonnes Description, Aide aux règles et Résumé peuvent contenir des balises HTML. Leur contenu doit donc être échappé avant d'être inclus dans une page Web.
"Rule ID","Description","Rule Help","Help URL","Impact","Element Location","Element Source Code","Page State","Summary","Tags","Created At"
"html-has-lang","Ensures every HTML document has a lang attribute","<html> element must have a lang attribute","https://dequeuniversity.com/rules/axe/4.6/html-has-lang?application=axeAPI","serious","html","<html>","http://localhost:3000/index.html","Fix any of the following:
The <html> element does not have a lang attribute","cat.language,wcag2a,wcag311,ACT","2023-03-20T17:43:17.204Z"Voir Explication des colonnes CSV et des propriétés JSON ci-dessous pour plus d'informations sur les colonnes CSV.
Exemple JSON
Pour le même lang attribut manquant, le JSON exporté apparaît comme suit :
[
{
"id": "html-has-lang",
"impact": "serious",
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"ACT"
],
"description": "Ensures every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.6/html-has-lang?application=axeAPI",
"nodes": [
{
"page_state": "http://localhost:3000/index.html",
"created_at": "2023-03-20T17:43:17.204Z",
"html": "<html>",
"target": [
"html"
],
"failureSummary": "Fix any of the following:\n The <html> element does not have a lang attribute"
}
]
}
]Consultez la section suivante pour obtenir des informations sur les propriétés JSON dans l’exportation JSON.
Explication des colonnes CSV et des propriétés JSON
Le tableau suivant explique les colonnes CSV et les propriétés JSON. Il y a plusieurs objets intégrés dans le JSON :
- tags, un tableau de chaînes représentant chaque tag
- nodes, un tableau d'objets node ****
- node, un objet représentant des informations sur chaque erreur d'accessibilité
Pour le tableau ci-dessous, l'objet node et les propriétés qu'il contient sont représentés comme node.property-name.
| Nom de la colonne CSV | Propriété JSON | Description |
|---|---|---|
| ID de règle | id | Nom de la règle axe-core. Voir Descriptions des règles axe-core pour plus d'informations sur les règles axe-core. |
| Description | description | Description du défaut d'accessibilité |
| Aide pour la règle | aide | Informations sur la façon de corriger le défaut d'accessibilité |
| URL d'aide | URL d'aide | Lien vers des informations sur Deque University à propos de ce défaut d'accessibilité |
| Impact | impact | Gravité du défaut : mineur, modéré, grave ou critique |
| Emplacement de l’élément | node.target (tableau) | Sélecteur CSS pour l'emplacement de l'erreur |
| Code source de l’élément | node.html | Source HTML pour l'erreur |
| État de la page | node.page_state | URL de la page contenant l'erreur |
| Résumé | node.failureSummary | Description du correctif pour cette erreur |
| Étiquettes | node.tags (tableau) | Balises auxquelles cette règle appartient. Voir Descriptions des règles axe-core pour plus d'informations sur les étiquettes d'axe-core. |
| Créé le | node.created_at | Date et heure de détection de cette erreur (au format ISO 8601, fuseau horaire UTC) |