Exportación desde el axe Developer Hub
¿Qué información puedes exportar desde Axe Developer Hub?
Este artículo explica cómo exportar tus problemas de accesibilidad desde el Axe Developer Hub para usarlas en otro lugar. Puedes exportar tus problemas en formato JSON o CSV.
Exportando
Desde la página de problemas de axe Developer Hub, puedes exportar los problemas de tu ejecución de prueba en formato CSV o JSON.
Ejemplos de exportación
En el ejemplo de datos de exportación de este artículo, hay un error de accesibilidad en el HTML de origen: a la página web le faltaba el atributo lang en el elemento html . <html> instead of ```
Ejemplo de CSV
La primera fila del archivo CSV indica los nombres de las columnas.
Cada valor de columna está entre comillas porque algunas columnas (como Etiquetas) pueden contener comas.
Las columnas Descripción, Ayuda de reglas y Resumen pueden contener etiquetas HTML, por lo que su contenido debe ser escapado antes de incluirlo en una página 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"Consulte Explicación de las columnas CSV y las propiedades JSON a continuación para obtener información sobre las columnas CSV.
Ejemplo JSON
Para el mismo atributo lang faltante, el JSON exportado aparece de la siguiente manera:
[
{
"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"
}
]
}
]Consulte la siguiente sección para obtener información sobre las propiedades JSON en el JSON de exportación.
Explicación de las columnas CSV y las propiedades JSON
La siguiente tabla explica las columnas CSV y las propiedades JSON. Hay varios objetos incrustados en el JSON:
- etiquetas, un array de cadenas que representan cada etiqueta
- nodos, un array de objetos de tipo nodo
- nodo, un objeto que representa información sobre cada error de accesibilidad
Para la siguiente tabla, el objeto nodo y las propiedades que contiene se representan como nodo.nombre-de-propiedad.
| Nombre de columna CSV | Propiedad JSON | Descripción |
|---|---|---|
| ID de la regla | id | Nombre de la regla de axe-core. Consulta [Descripciones de las reglas de axe-core] para obtener más información sobre las reglas de axe-core.(https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md) |
| Descripción | descripción | Descripción del defecto de accesibilidad |
| Ayuda de la regla | ayuda | Información sobre cómo corregir el defecto de accesibilidad |
| URL de ayuda | URL de ayuda | Enlace a información de Deque University sobre este defecto de accesibilidad |
| Impacto | impacto | Gravedad del defecto: leve, moderada, grave o crítica |
| Ubicación del elemento | nodo.objetivo (array) | Selector CSS para la ubicación del error |
| Código fuente del elemento | node.html | Fuente HTML del error |
| Estado de la página | node.page_state | URL de la página que contiene el error |
| Resumen | Resumen de fallas del nodo | Descripción de la solución para este error |
| Etiquetas | nodo.tags (array) | Etiquetas a las que pertenece esta regla. Consulta Descripciones de reglas de axe-core para obtener más información sobre las etiquetas de axe-core. |
| Creado el | nodo.created_at | Fecha y hora en que se detectó este error (en formato ISO 8601, zona horaria UTC) |