Data exporteren
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
Na het uitvoeren van een scan wordt u naar het tabblad „Overzicht“ gebracht met uw scanresultaten. Daar vindt u een knop „Exporteren“. Wanneer u daarop klikt, verschijnt er een venster waarmee u kunt configureren welk type export u wilt, samen met het exportformaat.
tip
Wist u dat u een volledig opgeslagen testrapport en alle bijbehorende problemen kunt delen? Lees meer over opgeslagen testrapporten delen
Exporttypen
Probleemexport
De probleemexport wordt ondersteund in CSV-, JSON- en JUnit XML-formaten. Deze export bevat informatie over elke toegankelijkheidsovertreding die zowel door automatisch testen als door Intelligent Guided Testing is gevonden.
Ondersteunde CSV-schema's
axe DevTools Pro CSV (standaard)
| kolomnaam | beschrijving |
|---|---|
| Regel-ID | De identificatie voor de toegankelijkheidsregel |
| Beschrijving | Een beschrijving van de toegankelijkheidsregel |
| Hulp | Nuttige informatie over de overtreden regel die tot het probleem heeft geleid |
| Hulp-URL | Een URL met hulp voor de gegeven regel |
| Impact | De impact of ernst van het probleem |
| Handmatig | Of het probleem handmatig (IGT) is gevonden of niet |
| Moet Beoordeeld worden | Of het potentiële probleem handmatige beoordeling nodig heeft |
| IGT | Welke specifieke IGT is uitgevoerd om het probleem te vinden (leeg als niet door IGT gevonden) |
| Selector | De CSS-selector voor het probleem |
| Samenvatting | Samenvatting van het probleem |
| Broncode | De HTML-broncodefragment van het probleem |
| Tags | Metadata voor het probleem (categorieën, wcag-controlepuntidentificaties, etc.) |
| Gevonden Door | Gebruiker die de test heeft uitgevoerd waarin het probleem is geconstateerd |
| Test Titel | De naam van de opgeslagen test |
| Test URL | De URL van de geteste pagina |
| Deel-URL | De gedeelde probleem-URL (alleen ingevuld wanneer probleem of opgeslagen test expliciet gedeeld is) |
| Gecreëerd Op | Wanneer het probleem voor het eerst is gecreëerd |
axe Reporter CSV
Dit schema is compatibel met de „axe Reporter“-CSV die wordt gegenereerd door axe DevTools API-integraties. Dit schema is vooral nuttig als u gegevens verzamelt van zowel de axe DevTools browserextensie als API's/CLI.
| kolomnaam | beschrijving |
|---|---|
| Pagina-URL | De URL van de geteste pagina |
| Paginatitel | De documenttitel van de geteste pagina |
| Uitkomst | De uitkomst van het probleem (zal leeg zijn voor axe DevTools Extension) |
| Impact | De impact of ernst van het probleem |
| Codefragment | Het HTML-bronfragment van het probleemelement |
| Selector | De CSS-selector voor het probleemelement |
| Herstel | Herstelinformatie voor het probleem |
| Handmatig | Of het probleem handmatig (IGT) werd gevonden of niet |
| Regel-ID | De identificator voor de toegankelijkheidsregel die met het probleem samenhangt |
| Hulp | Nuttige informatie over de geschonden regel die tot het probleem leidde |
| Beschrijving | Een beschrijving van de toegankelijkheidsregel |
| Hulp-URL | Een URL met hulp voor de gegeven regel |
| Standaard | Binnen welke WCAG-standaard/-controlepunt het probleem valt |
| WCAG 2 Succescriteria | De WCAG-succescriteria voor het probleem |
| Sectie 508 Paragraaf | Toepasselijke Sectie 508-informatie voor het probleem |
| Tags | Metadata voor het probleem (categorieën, wcag-controlepuntidentificaties, enz.) |
| Datum | Datum waarop het probleem werd gevonden |
| axe-core | Versie van axe-core gebruikt in de test waarbij het probleem werd vastgesteld |
| Heeft Beoordeling Nodig | Of het potentieel probleem een handmatige beoordeling nodig heeft of niet |
| IGT | Welke specifieke IGT werd uitgevoerd om het probleem te vinden (leeg indien niet gevonden door IGT) |
| Gevonden Door | Gebruiker die de test uitvoerde waarin het probleem werd vastgesteld |
| Testtitel | De titelnaam van de test |
| Deel-URL | De gedeelde probleem-URL (alleen ingevuld wanneer probleem of opgeslagen test expliciet wordt gedeeld) |
Ondersteund JSON-schema
De JSON-uitvoer van het probleem is een array van probleemgegevens met de volgende eigenschappen voor elk probleem:
| Eigenschapsnaam | Type | Beschrijving |
|---|---|---|
axeVersion |
tekenreeks | De versie van axe-core die is gebruikt voor de test waarin het probleem werd geconstateerd. |
createdAt |
tekenreeks | De datum/tijd waarop het probleem werd geconstateerd. |
description |
tekenreeks | Een beschrijving van het probleem. |
foundBy |
tekenreeks | Gebruiker die de test heeft uitgevoerd waarin het probleem werd geconstateerd. |
help |
tekenreeks | Nuttige informatie met betrekking tot de overtreden regel die tot het probleem leidde. |
helpUrl |
tekenreeks | Een URL met hulp voor de gegeven regel. |
igt |
tekenreeks | De naam van de IGT waarin het probleem werd geconstateerd (null indien niet gevonden in IGT). |
impact |
tekenreeks | De impact of ernst van het probleem. |
isManual |
booleaans | Of het probleem handmatig (IGT) is gevonden of niet. |
needsReview |
booleaans | Of het potentiële probleem handmatige beoordeling nodig heeft of niet. |
ruleId |
tekenreeks | De identificatiecode voor de toegankelijkheidsregel die verband houdt met het probleem. |
selector |
array | Een array van CSS-selectors om de node te targeten die verband houdt met de overtreding. Lees documentatie van axe-core over selectors. |
shareURL |
tekenreeks | De gedeelde URL van het probleem (alleen ingevuld wanneer probleem of opgeslagen test expliciet gedeeld is). |
source |
tekenreeks | De HTML-broncode van het issue-element. |
summary |
tekenreeks | Samenvatting van het probleem. |
tags |
array | Array van tekenreeks-tags van metadata voor het probleem (categorieën, wcag-controlepostidentificaties, enz.). |
testName |
tekenreeks | De naam van de opgeslagen test waarin het probleem werd gevonden. |
testPageTitle |
tekenreeks | De titel van het document waarin het probleem werd gevonden. |
testUrl |
tekenreeks | De URL van de geteste pagina. |
JUnit XML-schema
Alle probleemgegevens zijn verpakt in een <testsuites />-element. Dit element bevat de volgende attributen:
| Attribuut | Beschrijving | Voorbeeld |
|---|---|---|
id |
Het geselecteerde WCAG-niveau op het moment van exporteren. | "wcag21AA" |
name |
De naam van de opgeslagen test of, voor exporten die zijn gedaan voordat de resultaten zijn opgeslagen, de titel van het document dat wordt getest | "Recipe Dashboard" |
package |
De naam van de software waarin de test werd uitgevoerd. | "axe DevTools Browser Extension" |
timestamp |
De datum/tijd van exporteren. | "2023-04-04T00:08:10.772Z" (resultaat van new Date().toISOString()) |
Binnen de <testsuites /> zijn er <testcase /> elementen. Elk <testcase /> vertegenwoordigt een „regel“ fout. Dit element bevat de volgende attributen:
| Attribuut | Beschrijving | Voorbeeld |
|---|---|---|
name |
De regel-ID. | "aria-role-missing" |
id |
In welke IGT het probleem is gevonden (zal worden weggelaten voor automatische problemen). | "igt:keyboard" |
Binnen elk <testcase /> element bevindt zich een <failure /> element. Dit element vertegenwoordigt een fout van de regel die is gedefinieerd in de <testcase />. De <failure /> bevat de volgende attributen:
| Attribuut | Beschrijving | Voorbeeld |
|---|---|---|
message |
De beschrijving van het probleem (fout) gevolgd door de regel help-URL | "The element's role is missing or is not appropriate for the element's function. https://docs.deque.com/issue-help/1.0.0/en/aria-role-missing" |
impact |
De impact van het probleem. | "critical" |
Binnen elk <failure /> element zal elke instantie van de selector van de fout („CSS Pad“) en de broncode („HTML“) worden weergegeven. Elke instantie zal worden gescheiden door --------. Een voorbeeld van deze tekst is als volgt:
CSS Path: body.Page--no-sidebar > #btn-1
HTML: <div id="btn-1" tabindex="0"><img src="https://workshop2.dequelabs.com/46c642c98aecd147b905d063efb8a97d.png" class="edit" alt="Edit"></div>
--------
CSS Path: body.Page--no-sidebar > #btn-2
HTML: <div id="btn-2" tabindex="0"><img src="https://workshop2.dequelabs.com/46c642c98aecd147b905d063efb8a97d.png" class="edit" alt="Edit"></div>Voorbeeld JUnit XML-bestand
Het volgende is een voorbeeld van een JUnit XML-export. In dit voorbeeld hebben we:
- WCAG 2.1 AA-niveau geselecteerd
- Opgeslagen testnaam van „Recepten Dashboard“
- 2
semantic-data-table-headersproblemen opgeworpen in de Tabel IGT - 3
keyboard-inaccessibleproblemen opgeworpen in de Toetsenbord IGT - 2
aria-role-missingproblemen opgeworpen in de Toetsenbord IGT
<?xml version="1.0" encoding="utf-8"?>
<testsuites
id="wcag21aa"
name="Recipe Dashboard"
package="axe DevTools Browser Extension"
timestamp="2023-04-04T00:08:10.772Z"
>
<properties>
<property name="platform.userAgent" value="" />
<property name="platform.testMachine" value="" />
<property name="testSubject.fileName" value="" />
<property name="testSubject.lineNum" value="-1" />
</properties>
<testcase
name="semantic-data-table-headers"
id="igt:table"
>
<failure
message="The data table has missing or incomplete header cell markup. https://docs.deque.com/issue-help/1.0.0/en/semantic-data-table-headers"
impact="critical"
>
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.RecipesTable:nth-of-type(3) > table.Table:nth-of-type(1) > thead.TableHead:nth-of-type(1) > tr.TableRow:nth-of-type(1) > td.TableCell.THead:nth-of-type(4)
HTML: <td class="TableCell THead">Cook Time</td>
--------
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.RecipesTable:nth-of-type(3) > table.Table:nth-of-type(1) > thead.TableHead:nth-of-type(1) > tr.TableRow:nth-of-type(1) > td.TableCell.THead:nth-of-type(7)
HTML: <td class="TableCell THead">Yumminess</td>
</failure>
</testcase>
<testcase
name="keyboard-inaccessible"
id="igt:keyboard"
>
<failure
message="There is no way to perform the function using only the keyboard on the same screen or on a qualifying conforming alternate version. https://docs.deque.com/issue-help/1.0.0/en/keyboard-inaccessible"
impact="critical"
>
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.Recipes:nth-of-type(2) > div.Recipes__card:nth-of-type(16) > div.Recipes__card-foot:nth-of-type(3) > div.Button--primary:nth-of-type(1)
HTML: <div class="Button--primary"><span class="BracketLeft" aria-hidden="true">[</span><span>Cook Lemon Squares</span><span class="BracketRight" aria-hidden="true">]</span></div>
--------
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.Recipes:nth-of-type(2) > div.Recipes__card:nth-of-type(1) > div.Recipes__card-foot:nth-of-type(3) > div.Button--primary:nth-of-type(1)
HTML: <div class="Button--primary"><span class="BracketLeft" aria-hidden="true">[</span><span>Cook Chocolate Cake</span><span class="BracketRight" aria-hidden="true">]</span></div>
--------
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.Recipes:nth-of-type(2) > div.Recipes__card:nth-of-type(19) > div.Recipes__card-foot:nth-of-type(3) > div.Button--primary:nth-of-type(1)
HTML: <div class="Button--primary"><span class="BracketLeft" aria-hidden="true">[</span><span>Cook Kale Salad</span><span class="BracketRight" aria-hidden="true">]</span></div>
</failure>
</testcase>
<testcase
name="aria-role-missing"
id="igt:keyboard"
>
<failure
message="The element's role is missing or is not appropriate for the element's function. https://docs.deque.com/issue-help/1.0.0/en/aria-role-missing"
impact="critical"
>
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.Recipes:nth-of-type(2) > div.Recipes__card:nth-of-type(16) > div.Recipes__card-head:nth-of-type(1) > div.Recipes__card-edit:nth-of-type(1)
HTML: <div class="Recipes__card-edit" tabindex="0"><img src="https://workshop2.dequelabs.com/46c642c98aecd147b905d063efb8a97d.png" class="edit" alt="Edit"></div>
--------
CSS Path: body.Page--no-sidebar > div#root:nth-of-type(1) > div.App:nth-of-type(1) > div.Layout:nth-of-type(1) > main#main-content.Main:nth-of-type(1) > div.Recipes:nth-of-type(2) > div.Recipes__card:nth-of-type(7) > div.Recipes__card-head:nth-of-type(1) > div.Recipes__card-edit:nth-of-type(1)
HTML: <div class="Recipes__card-edit" tabindex="0"><img src="https://workshop2.dequelabs.com/46c642c98aecd147b905d063efb8a97d.png" class="edit" alt="Edit"></div>
</failure>
</testcase>
</testsuites>Opgeslagen test exporteren
note
Nieuwe regels worden geëscaped, zodat alle strings op één regel staan.
De „Opgeslagen Test en Problemen“ export volgt de axe Exporteerformaat schema.