Resultaten Begrijpen
Bekijk en beheer toegankelijkheidsproblemen met Axe Developer Hub
Na het volgen van de installatie-instructies van je toolkit, genereer je resultaten die naar Developer Hub worden gestuurd telkens wanneer je je testbundel uitvoert. In Developer Hub kun je nieuwe en bestaande toegankelijkheidsproblemen bekijken en trends in de loop der tijd volgen.
Je Projectstructuur Begrijpen
Developer Hub organiseert je toegankelijkheidsgegevens anders, afhankelijk van of je end-to-end tests gebruikmaken van Git voor versiebeheer:
Als je Git gebruikt, kun je verschillende takken van je project en individuele commits op deze takken bekijken. De structuur is als volgt:
Project → Takken → Commits → Probleemlijst → Probleemdetails
Git-gegevens worden automatisch verzameld voor Axe Watcher-projecten. Git-informatie komt overeen met de end-to-end test, die mogelijk niet precies overeenkomt met de feitelijke code die wordt getest als de code in een aparte repository van de end-to-end test staat.
Gebruik onze API's om het verzamelen van Git-gegevens uit te schakelen voor je Watcher-project:
Als je Git niet gebruikt met je webproject, of wanneer je een mobiel project bekijkt, zie je individuele testuitvoeringen en kun je navigeren naar de problemen gevonden in elke uitvoering. De structuur is als volgt:
Project → Testuitvoeringen → Probleemlijst → Probleemdetails
Werken met Je Resultaten
Wanneer je een project opent, zie je ofwel een lijst met takken (Git-projecten) of testuitvoeringen (Gitloze projecten).
Je Resultaten in Één Oogopslag
Je ziet de volgende informatie terugkomen uit je toegankelijkheidstesten:
- Voor Git-projecten: Taknaam, laatste commit SHA en commitberichten voor de end-to-end test die wordt uitgevoerd
- Voor Gitloze projecten: Tijdstempel van de testuitvoering
- Aantal problemen dat de toegankelijkheidsdrempel
- Pakket- en versie-informatie voor de toegankelijkheidstoolkit die je gebruikt
- Vergelijkingssamenvatting met totaal aantal problemen en aantal scans
- Een telling van nieuw geïntroduceerde problemen en problemen die zijn opgelost (alleen webprojecten)
- 'Commits bekijken'-knop (alleen Git-projecten) om verder in te zoomen op individuele commits
- 'Problemen bekijken'-knop om de volledige probleemlijst te zien
Pipeline-Informatie
Voor teams waarvan de tests gebruikmaken van Git-gegevens met Axe Watcher, kunnen alle uitvoeringen worden vergeleken met de CI/CD-uitvoeringen op de standaardtak, om ervoor te zorgen dat nieuw samengevoegde code geen extra toegankelijkheidsproblemen introduceert. Om de vergelijking in te stellen, moet een projectbeheerder Watcher laten draaien op de standaardtak van de repository - dit is meestal de main (of master) tak. Deze instantie van de toolkit moet worden ingesteld als een pipeline-uitvoering.
Zodra scangegevens binnenkomen van de aangewezen pipeline-uitvoering op de standaardtak, worden de resultaten bovenaan de pagina weergegeven. Gebruikers kunnen ervoor kiezen om verschillende resultaatsets per API-sleutel te bekijken en zien hoe ze zich verhouden tot de pipeline-uitvoering op de standaardtak.
Meer informatie over het instellen van pipeline-uitvoeringen met Axe Watcher in Continuous Integration (CI) Omgevingen
Vergelijkingen Begrijpen
De vergelijkinginformatie die wordt verstrekt voor webprojecten helpt je te begrijpen wat er is veranderd:
- Voor Git-projecten:
- Op de pagina waar al je projecttakken worden weergegeven, kun je zien hoe de laatste commit op elke tak zich verhoudt tot de laatste pipeline-uitvoering op de standaardtak.
- Wanneer je een individuele tak selecteert om te bekijken, kun je zien hoe elke unieke commit op die tak zich verhoudt tot de commit die eraan voorafging.
- Voor Gitless-projecten: Elke testuitvoering wordt vergeleken met de vorige uitvoering.
Als u geen vergelijkingsgegevens ziet, is het waarschijnlijk dat er geen eerdere scan beschikbaar was om te vergelijken, of dat een pijplijnscan nog niet is uitgevoerd op de standaardtak.
Meer leren over toegankelijkheidskwesties
Na het klikken op Problemen bekijken vanuit een tak, commit of testuitvoering ziet u een overzichtspagina met een lijst en groepering van toegankelijkheidsschendingen per regel en impactniveau.
Vergelijkingstabel (alleen webprojecten)
Webprojecten tonen een vergelijkingstabel bovenaan met:
- Totaal aantal problemen in huidige en baseline scans
- Nieuwe problemen geïntroduceerd
- Eerder bestaande problemen
- Problemen die zijn opgelost
- Al deze zijn gegroepeerd op impactseverity (Kritisch, Ernstig, Gematigd, Klein)
Opmerking: Mobiele projecten bevatten deze vergelijkingstabel niet.
Regellijst
Onder de vergelijkingssectie (of bovenaan voor mobiel) ziet u alle geschonden toegankelijkheidsregels gegroepeerd op:
- Regelnaam (die u kunt selecteren om individuele problemen te bekijken)
- Impactniveau
- Aantal gevonden overtredingen voor die regel
Filteren en exporteren
Bij webprojectenkunt u de filteropties gebruiken om te focussen op specifieke problemen:
- Filter op impactniveau (Kritisch, Ernstig, Gematigd, Klein)
- Toon alleen nieuwe problemen
- Selecteer specifieke paginatoestanden
Bij mobiele projectenkunt u de filter gebruiken om een of meerdere schermen in de lijst te selecteren en u te richten op bepaalde resultaten.
Exporteer uw resultaten:
- Web
- Exporteer JSON om eenvoudig gedetailleerde resultaten in een mens-leesbaar formaat te delen
- Exporteer CSV voor spreadsheets en rapportage
- Mobiel
- Exporteer Axe Universal JSON-formaat voor integratie met andere tools
Exporten zullen in lijn zijn met uw huidige filters.
Pagina met één probleem
Klik op een regelnaam in de lijst met problemen om gedetailleerde informatie te zien over elke overtreding.
Problemen in uw code vinden
Webprojecten bieden:
- Broncode van het element (HTML-fragment)
- CSS-selector om het element te lokaliseren
- XPath-uitdrukking als alternatieve locator
- Alles met kopieerknoppen voor eenvoudig gebruik in uw ontwikkeltools
Mobiele projecten bieden:
- Screenshot met het probleem gemarkeerd
- Detailsweergave: Geeft context voor het problematische element
- Inspecteer hiërarchieweergave: Toont de hiërarchische boom zodat u de exacte locatie kunt bepalen en gedetailleerde elementeigenschappen kunt bekijken
Reparatierichtlijnen
Elk probleem bevat:
- Regelbeschrijving die het toegankelijkheidsprobleem uitlegt
- Links naar Deque University of Mobiele Regelpagina's voor uitgebreide richtlijnen en codevoorbeelden
- Invloedniveau en toegankelijkheidstags (WCAG-criteria, best practices)
- Navigatie om door alle gevallen van deze overtreding te lopen (bijv. „1 van 5“)
Problemen delen
Klik op **Kopieer probleemlink** bovenaan de pagina om deze te delen met uw team of toe te voegen aan uw probleemvolgsysteem.
**Deelinstellingen:** Probleemlinks respecteren de deelinstellingen van uw organisatie. Teamleden hebben de juiste rechten nodig om problemen te bekijken. Beheerders kunnen deelinstellingen configureren in:
- Globale configuratie - Stel organisatiebrede standaardinstellingen voor delen in
- Projectinstellingen - Toegang tot en bijwerken van instellingen voor individuele projecten in de Axe Developer Hub
