Scannen op toegankelijkheidsproblemen

Geautomatiseerde toegankelijkheidsscans uitvoeren is snel en eenvoudig met axe DevTools. Er zijn 2 soorten toegankelijkheidsscans beschikbaar:

• Volledige Pagina Scan
• Gedeeltelijke Pagina Scan

Volledige Pagina Scan

Vanaf het startscherm van de extensie zal het klikken op „Volledige Pagina Scan“ een axe-core geautomatiseerde scan van de hele pagina uitvoeren. Zodra de scan is voltooid, kun je de resultaten van de scan bekijken.

Gedeeltelijke Pagina Scan

Vanaf het startscherm van de extensie zal het klikken op „Gedeeltelijke Pagina Scan“ je in staat stellen een specifiek onderdeel of pagina-gebied te selecteren om je scan binnen uit te voeren. Dit betekent dat er een volledig geïsoleerde scan zal worden uitgevoerd die alleen binnen het geselecteerde element plaatsvindt (alle inhoud buiten het geselecteerde onderdeel wordt feitelijk genegeerd). Om een element te selecteren, kun je je muis gebruiken om op een willekeurig element op de pagina te klikken, of de voor hulpmiddelen toegankelijke „Elementen Selector“ gebruiken om met een toetsenbord een element te selecteren (geen muis vereist). Zodra de elementselectie is gemaakt, kun je op scan klikken, waarna je naar de resultaten van de scan wordt gebracht.

Resultaten

De "Overzicht" van de resultaten toont de toegankelijkheidsproblemen die tijdens een scan zijn gevonden. De URL waarop de scan is uitgevoerd, wordt weergegeven, samen met een controle om de scan opnieuw uit te voeren. Daaronder wordt voor gedeeltelijke paginascans het geselecteerde element weergegeven met een "Markeer"-controle om het geselecteerde element/component op de pagina te markeren. Vervolgens vind je de samenvattingen van problemen die het totale aantal gevonden problemen en het aantal opsplitsingen weergeven, die fungeren als "filters" om specifieke probleemtypen of -categorieën te bekijken:

• "AUTOMATISCHE PROBLEMEN": Problemen gevonden tijdens een geautomatiseerde scan
• "GELEIDE PROBLEMEN": Problemen gevonden tijdens Intelligent Guided Testing
• "Naar beoordeling": Potentiële problemen waarbij axe-core niet met absolute zekerheid kon vaststellen dat het echte problemen waren. Dit kan vaak voorkomen bij kleurcontrastberekeningen voor tekst over achtergrondafbeeldingen of complexe kleurovergangen.
• Beste Praktijk: Problemen die niet noodzakelijk voldoen aan WCAG-succescriteria, maar die industrie geaccepteerde praktijken zijn die de gebruikerservaring verbeteren
• Impact (Kritiek, Ernstig, Matig en Klein): Probleemimpacts-categorieën

Problemen worden gegroepeerd op hun "regel". Voor elke overtreden regel zal er een uitbreidbare knop met de regelbeschrijving beschikbaar zijn om dieper in te gaan op de gevonden problemen.

Voor elk probleem is het volgende beschikbaar:

• Beschrijving van het probleem
• "Markeer" (schakelaar die het element op de pagina markeert)
• "Probleem delen" (genereert een deelbare pagina die aan het specifieke gevonden probleem is gewijd, met alle probleemgegevens en een screenshot)
• Link naar toegewijde helppagina voor de betreffende regel ("meer informatie")
• "Element locatie" (de gegenereerde CSS-selector voor het element met het toegankelijkheidsprobleem)
• "Inspecteer element" (stelt je in staat om het element te inspecteren in het elementenpaneel van ontwikkelaarstools)
• Broncode van het element
• Herstelrichtlijnen (informatie over hoe het probleem op te lossen)

Resultaten Opslaan

Gebruikers met een „Pro“ abonnement kunnen hun resultaten opslaan met de knop „Test Opslaan“. Na het klikken, wordt je gevraagd om je testrapport een naam te geven. Daarna zullen Intelligente Geleide Tests (IGTs) beschikbaar worden om je testen naar een hoger niveau te tillen! Opgeslagen testrecords zijn persistente records waar al je testgegevens worden opgeslagen. Je kunt je opgeslagen tests altijd vinden door in de bovenste menubalk op het menu-item „bekijk opgeslagen tests“ te klikken.