Exportando do axe Developer Hub
Que informações você pode exportar do axe Developer Hub
Este artigo discute como exportar seus problemas de acessibilidade do axe Developer Hub para uso em outros lugares. Você pode exportar seus problemas como JSON ou CSV.
Exportando
Na página de resumo do axe Developer Hub, você pode exportar os problemas da sua execução de teste nos formatos CSV ou JSON.
Exemplos de Exportação
Para os dados de exportação de exemplo neste artigo, há um erro de acessibilidade no HTML fonte: a página da web estava sem o atributo lang no elemento html ; ele usou <html> em vez de <html lang="en">.
Exemplo de CSV
A primeira linha do arquivo CSV indica os nomes das colunas.
Cada valor da coluna é colocado entre aspas porque algumas colunas (como Tags) podem conter vírgulas.
As colunas Descrição, Ajuda da Regra, e Resumo podem conter tags HTML, então seu conteúdo precisa ser escapado antes de incluir em uma página da 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"Veja Explicação das Colunas do CSV e das Propriedades do JSON abaixo para informações sobre as colunas do CSV.
Exemplo de JSON
Para o mesmo atributo lang ausente, o JSON exportado aparece da seguinte forma:
[
{
"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"
}
]
}
]Veja a próxima seção para informações sobre as propriedades do JSON no JSON exportado.
Explicação das Colunas do CSV e das Propriedades do JSON
A tabela a seguir explica as colunas do CSV e as propriedades do JSON. Existem vários objetos embutidos no JSON:
- tags, um array de strings representando cada tag
- nodes, um array de objetos node
- node, um objeto que representa informações sobre cada erro de acessibilidade
Para a tabela abaixo, o objeto node e suas propriedades contidas são representadas como node.*nome-da-propriedade*.
| Nome da Coluna CSV | Propriedade JSON | Descrição |
|---|---|---|
| ID da Regra | id | O nome da regra axe-core. Veja Descrições das Regras axe-core para mais informações sobre as regras do axe-core. |
| Descrição | descrição | Descrição do defeito de acessibilidade |
| Ajuda da Regra | ajuda | Informações sobre como corrigir o defeito de acessibilidade |
| URL de Ajuda | helpUrl | Link para informações na Deque University sobre este defeito de acessibilidade |
| Impacto | impacto | Gravidade do defeito: *leve*, *moderado*, *grave*, ou *crítico* |
| Localização do Elemento | node.target (array) | Seletor CSS para a localização do erro |
| Código Fonte do Elemento | node.html | HTML de origem para o erro |
| Estado da Página | node.page_state | URL da página que contém o erro |
| Resumo | node.failureSummary | Descrição da correção para este erro |
| Tags | node.tags (array) | Tags às quais esta regra pertence. Veja Descrições das Regras axe-core para mais informações sobre as tags do axe-core. |
| Criado Em | node.created_at | Data e hora em que este erro foi detectado (no formato ISO 8601, fuso horário UTC) |