Afbakening in axe Expert

Definieer een bereik in axe Expert Extension wanneer u alleen bepaalde delen van een pagina wilt testen in plaats van de hele pagina. Op veel websites zijn er elementen of „template“-gebieden die vaak op veel pagina's van een site voorkomen. Dit kan worden gebruikt om specifiek veelvoorkomende template-componenten te testen, of om ze te negeren om te focussen op de inhoud die geen deel uitmaakt van de gebruikelijke componenten (bijvoorbeeld header, footer of navigatiesecties). Versie 1.1 en later van de axe Expert Extension werden ontworpen en geïmplementeerd met behulp van Cascading Style Sheet (CSS) selectors voor het definiëren van een bereik.

XPath-versieondersteuning

axe Monitor v6.0 of later ondersteunt zowel CSS-selectors als XPath-technologieën, omdat eerder versie 1.0 van XPath werd ondersteund door versie 1.0 van axe Expert Extension. Voor meer informatie, zie XML Path Language (XPath) Versie 1.0 - W3C.

Om duplicatie van overtredingen te voorkomen bij het analyseren van meerdere pagina's, biedt de Scope-definitiefunctie van axe Expert Extension u een manier om te beperken wat wordt geanalyseerd tot een of meer specifieke secties van een pagina, terwijl de gemeenschappelijke, herhaalde inhoud die niet als onderdeel van het bereik is geselecteerd, wordt genegeerd. Door de bereikdefinities te definiëren tijdens gescripte analyse, zal dit hetzelfde effect hebben als statische analyse. Met andere woorden, alleen de gedefinieerde delen van de pagina opnemen in het script. Dit proces is bijzonder nuttig bij het testen van alleen bereikdefinities die de inhoudsgebieden van de pagina dekken, wat de repetitieve problemen elimineert die worden gevonden bij het testen van sjablonen.

Afbakeningsfunctionaliteit inschakelen zonder in te loggen op axe Monitor

Voer de volgende stappen uit om de afbakeningsfunctionaliteit weer te geven op het instellingenpaneel zonder in te loggen op axe Monitor:

1. Selecteer Scope in het overloopmenu van axe Expert Extension om toegang te krijgen tot het Instellingen tabblad:

   

2. De extensie toont het lege axe Expert Extension Scope tabblad bij eerste toegang:

   

   Log NIET in op axe Monitor. Maak in plaats daarvan een nieuw projectloos bereik aan met behulp van de beschreven Optiebeschrijvingen en Kolombeschrijvingen:

   

Afbakeningsfunctionaliteit inschakelen terwijl ingelogd op axe Monitor

Voer de volgende stappen uit om de afbakeningsfunctionaliteit weer te geven op het instellingenpaneel terwijl u bent ingelogd op axe Monitor:

1. Log in op axe Monitor op het tabblad Instellingen in het axe Expert-paneel. Voor volledige details, zie Aanmelden bij axe Monitor.

   After you sign in, the Project selection section appears on the Settings panel.

2. Selecteer een project door gebruik te maken van het menu en de knop ‘Selecteer een project’ op het instellingenpaneel. Voor volledige details, zie Selecteer een axe Monitor-project.

   De functionaliteit voor het definiëren van het bereik verschijnt onder de projectselectie en secties voor het downloaden van problemen op het instellingenpaneel.

   

Optiebeschrijvingen

Zodra het is ingeschakeld, ziet u de scope-sectie op het instellingenpaneel in axe Expert Extension, die een Analyseer bereik radioschakelaaroptiegroep met de volgende drie beschikbare opties toont waaruit u kunt kiezen:

• Hele pagina: Selecteer om het gedefinieerde bereik te verfijnen bij het uitvoeren van een analyse op het analysescherm naar de hele pagina die in de browser is geladen.
• Alleen inhoud: Selecteer om het bereik te verfijnen bij het uitvoeren van een analyse op het analysepaneel naar alleen de inhoud die geen deel uitmaakt van de sjablonen die zijn gedefinieerd in de tabel Bereikdefinities hieronder.
• Alleen sjabloon: Selecteer deze optie om de analyse uit te voeren op het analysepaneel naar alles behalve de inhoud definities op de geladen pagina onder test.

Kolombeschrijvingen

Onder de sectie Analysebereikopties ziet u de tabel met afbakeningsdefinities, die een tabel weergeeft met de volgende zes kolommen met informatie:

• Naam: Een tekstinvoerveld dat wordt gebruikt om de afbakeningsdefinitie een heldere en betekenisvolle naam te geven (bijvoorbeeld 'Header').
• Categorie: Een keuzemenuveld dat wordt gebruikt om het type bereik te specificeren. Opties omvatten 'Template 1-4' (hele pagina) en 'Content 1-4' (inhoud van de pagina). Deze kunnen worden gebruikt om gerelateerde bereikdefinities samen te groeperen, zodat ze gemakkelijk gesorteerd kunnen worden.
• URL-patroon: Een tekstinvoerveld dat wordt gebruikt om een deel of delen van een website te specificeren die een ander sjabloonset gebruiken dan het grootste deel van de site (bijvoorbeeld een winkel- of beveiligde ledenservicegebied). Dit wordt gedefinieerd met een tekststring die direct na de domeinnaam in het paginadresser verschijnt voor een patroon dat gebruikmaakt van een wildcard-overeenkomst (bijvoorbeeld, '/products' zou zowel '/products' als elke tekststring die daarop volgt matchen).
• CSS Selector(s): Een tekstinvoerveld dat wordt gebruikt om de locator van de te targeten inhoud te specificeren (bijvoorbeeld, /html/body voor de body van het document, of html om de hele pagina te specificeren). Over het algemeen moet u de id van het element dat u wilt evalueren kennen. Bijvoorbeeld:
  • **/section[@id='content']** identificeert een section-tag met een id van "content": <section id="content">
  • **/div[@id='header-panel']** identificeert een div met een id van "header-panel": <div id="header-panel">
  • **/div[@id='right-column']** identificeert een div met een id van "right-column": <div id="right-column">
  • **/html/body/section/div[2]/div[3]** identificeert een item zonder een id: het derde div binnen de tweede div binnen de section-tag binnen de body van de html
• + Frame: Klik om een nieuwe regel eronder toe te voegen die een tekstinvoerveld biedt waarmee u een geselecteerde CSS-selectorlocatie kunt invoeren (de DOM-knooppuntregiogegevens) als de regio zich binnen een frame bevindt. Het plusteken verandert in een minteken om aan te geven dat het mogelijk is om de regel te verwijderen nadat deze is toegevoegd.
• Acties: Binnen een lege rij verschijnt de Opslaan-knop in de Acties-kolom, waarmee u uw selectie/invoer als een nieuwe bereikdefinitierij kunt toevoegen. Nadat een rij is toegevoegd, verschijnen de knoppen Bewerken en Verwijderen.

Een bereikdefinitie toevoegen

Volg deze procedure wanneer u een deel van de pagina dat u analyseert wilt beperken of beperken tot een CSS-selector of URL-patroon gecategoriseerd op inhoud, sjabloon of de hele pagina. Een bereikdefinitie toevoegen is een kwestie van het invullen van vijf kolommen met informatie in de Bereiksectie-tabel op het Instellingenpaneel in axe Expert en vervolgens de Opslaan-knop selecteren.

Bereikdefinities en automatische associatie met axe Monitor-projecten

De Bereiksectie van het Settings-paneel verschijnt alleen nadat er een verbinding met axe Monitor tot stand is gebracht en een project is geselecteerd. Door het volgen van deze procedure wordt de Bereikdefinitie toegevoegd aan het geselecteerde project in axe Monitor, zodat wanneer u later het project weer selecteert in de axe Expert Extension, de bestaande bereikdefinities automatisch worden geladen op het Settings-tabblad. Elke keer dat u het project selecteert, wordt deze bereikdefinitie automatisch gedownload in de axe Expert Extension van axe Monitor.

Toegevoegde bereikdefinities verfijnen de analyse uitgevoerd op het Analysepaneel in Axe Expert Extension tot de gebieden van de geladen pagina die overeenkomen met het bereik.

Voordat u begint, is het belangrijk dat u begrijpt hoe u de functionaliteit van de bereikdefinities inschakelt en begrijpt wat het doel is van elke optie en kolomveld in de tabel.

1. Voer in de Bereiksectie van het Instellingenpaneel betekenisvolle tekst in in de Name-kolom (bijvoorbeeld, 'Header').

2. In de Category-kolom toegang tot de keuzemenuopties, en selecteer vervolgens een item in de lijst (bijvoorbeeld, 'Template 1').

   De Category-keuzelijst sluit en uw selectie wordt in de veldweergave gevuld.

3. Voer in het URL pattern-veld de tekststring in na de domeinnaam, indien gewenst (bijvoorbeeld, '/html/head').

4. Selecteer eventueel + Frame om ervoor te zorgen dat een nieuw, leeg CSS-selectorveld op een nieuwe regel eronder wordt weergegeven, voer vervolgens de selector in voor de component als deze zich in een frame bevindt.

   

5. Voer in het CSS Selector(s)-veld de selector in die u heeft geselecteerd met uw keuzehulpmiddel (bijvoorbeeld via right-click > Copy > Copy selector in Chrome DevTools na het markeren van de broncode in het Elements-hulpmiddel).

6. Selecteer Save in de Acties-kolom.

   

Het bereik dat u heeft toegevoegd verschijnt als een nieuwe rij in de tabel en in de Acties-kolom worden knoppen weergegeven waarmee u het kunt bewerken of verwijderen. Daarnaast verschijnt onder uw opgeslagen bereiklijn een nieuwe, lege regel waarmee u een nieuwe kunt specificeren en opslaan, enzovoort.

U kunt nu de gewenste optie in de Analyze scope-sectie boven de tabel selecteren en vervolgens een analyse uitvoeren op de geladen pagina die is gedefinieerd door het bereik dat u heeft opgegeven.

Een bereikdefinitie bewerken

Een bereikdefinitie bewerken wanneer u een bestaande bereikdefinitie wilt wijzigen door een of meer van de vijf informatievelden te veranderen. Selecteer Edit in de Actions-kolom van de Scope-sectietabel op het Instellingenpaneel in axe Expert om het bereik te veranderen van wat zal worden getarget bij het uitvoeren van een analyse van de geladen pagina op het Analysepaneel. Dit verandert ook wat er in axe Monitor is opgeslagen.

1. Activeer Edit in de Actions-kolom van de Scope-sectietabel.

   

   De velden worden bewerkbaar in elke kolom en de Actions-kolom toont een Save- en een Cancel-knop.

2. Breng de gewenste wijzigingen aan in een of meer kolomvelden en activeer vervolgens Save in de Actions-kolom.

   

De wijzigingen die u heeft opgeslagen worden als een alleen-lezen regel in de tabel weergegeven en worden automatisch gesynchroniseerd met axe Monitor.

Nieuw vanaf Attest Browser Extension v2.8: De ANALYZE AGAIN-knop is uitgeschakeld wanneer het analyseren van het bereik niet is opgeslagen.

Het is te gemakkelijk over het hoofd te zien of een gebruiker het bereik van de huidige analyse heeft opgeslagen voordat hij op ANALYZE AGAIN klikt.

Om dit op te lossen, hebben we de Save-knop naast de ANALYZE AGAIN- en Back-knoppen verplaatst. De ANALYZE AGAIN-knop is uitgeschakeld en de Save-knop is ingeschakeld wanneer een gebruiker een nieuwe bereiklijn schrijft. De ANALYZE AGAIN-knop is opnieuw ingeschakeld en de Save-knop is uitgeschakeld wanneer de gebruiker het nieuwe bereik opslaat. Deze twee knoppen zullen nooit tegelijkertijd ingeschakeld zijn in de axe Expert Extension.

Een bereikdefinitie verwijderen

Verwijder een bereikdefinitie om een rij uit de Scope-sectietabel op het Settings-paneel te verwijderen. Deze actie verwijdert ook de bereikdefinitie uit axe Monitor.

In de Actions-kolom, in de rij van de bestaande bereikdefinitie die u wilt verwijderen, selecteer Delete.

De rij wordt uit de tabel in de sectie Scope-definities verwijderd.