Exporteren vanuit axe Developer Hub
Welke informatie kunt u exporteren vanuit axe Developer Hub
Dit artikel bespreekt hoe u uw toegankelijkheidsproblemen vanuit axe Developer Hub kunt exporteren voor gebruik elders. U kunt uw problemen exporteren als JSON of CSV.
Exporteren
Vanaf de overzichtspagina van axe Developer Hub kunt u de problemen van uw testuitvoering exporteren in CSV- of JSON-indeling.
Exporteer Voorbeelden
Voor de voorbeeld exportgegevens in dit artikel is er één toegankelijkheidsfout in de bron-HTML: de webpagina miste het lang attribuut op het html element; het gebruikte <html> in plaats van <html lang="en">.
CSV Voorbeeld
De eerste rij van het CSV-bestand geeft de kolomnamen aan.
Elke kolomwaarde is omsloten met aanhalingstekens omdat sommige kolommen (zoals Tags) komma's kunnen bevatten.
De Beschrijving, Regelhulp, en Samenvatting kolommen kunnen HTML-tags bevatten, dus hun inhoud moet worden ontsloten voordat ze in een webpagina worden opgenomen.
"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"Zie Uitleg van de CSV-kolommen en de JSON-eigenschappen hieronder voor informatie over de CSV-kolommen.
JSON Voorbeeld
Voor het ontbrekende lang attribuut ziet de geëxporteerde JSON er als volgt uit:
[
{
"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"
}
]
}
]Zie het volgende gedeelte voor informatie over de JSON-eigenschappen in de geëxporteerde JSON.
Uitleg van de CSV-kolommen en de JSON-eigenschappen
De volgende tabel legt de CSV-kolommen en JSON-eigenschappen uit. Er zijn verschillende ingebedde objecten in de JSON:
- tags, een array van strings die elk tag vertegenwoordigen
- nodes, een array van node objecten
- node, een object dat informatie over elke toegankelijkheidsfout vertegenwoordigt
Voor de onderstaande tabel wordt het node object en de daarin opgenomen eigenschappen weergegeven als node.eigenschapsnaam.
| CSV-kolomnaam | JSON-eigenschap | Beschrijving |
|---|---|---|
| Regel-ID | id | De naam van de axe-core regel. Zie axe-core Regelbeschrijvingen voor meer informatie over de regels van axe-core. |
| Beschrijving | beschrijving | Beschrijving van het toegankelijkheidsprobleem |
| Regelhulp | hulp | Informatie over hoe het toegankelijkheidsprobleem te corrigeren |
| Hulp-URL | helpUrl | Link naar informatie op Deque University over dit toegankelijkheidsprobleem |
| Impact | impact | Ernst van het probleem: *klein*, *matig*, *ernstig*, of *kritiek* |
| Elementlocatie | node.target (array) | CSS-selector voor de locatie van de fout |
| Broncode van element | node.html | Bron-HTML voor de fout |
| Pagina-status | node.page_state | URL van de pagina met de fout |
| Samenvatting | node.failureSummary | Beschrijving van de oplossing voor deze fout |
| Tags | node.tags (array) | Tags waartoe deze regel behoort. Zie axe-core Regelbeschrijvingen voor meer informatie over de tags van axe-core. |
| Gecreëerd op | node.created_at | Datum en tijd waarop deze fout is gedetecteerd (in ISO 8601-formaat, UTC-tijdzone) |