Scoping in axe Expert

Definisci un ambito nell'axe Expert Extension quando desideri testare solo alcune parti di una pagina invece dell'intera pagina. Su molti siti web, ci sono elementi o aree "modello" comuni a molte pagine di un sito. Questo può essere usato per testare specificamente i componenti comuni del modello, o per ignorarli al fine di concentrarsi sul contenuto che non fa parte dei componenti comuni (ad esempio, sezioni di intestazione, piè di pagina o navigazione). Le versioni 1.1 e successive dell'estensione axe Expert sono state progettate e implementate utilizzando selettori di fogli di stile CSS al fine di definire l'ambito.

Supporto Versione XPath

axe Monitor v6.0 o successivo supporta entrambe le tecnologie dei selettori CSS e XPath, poiché precedentemente, la versione 1.0 di XPath era supportata dalla versione 1.0 dell'estensione axe Expert. Per ulteriori informazioni, vedi XML Path Language (XPath) Versione 1.0 - W3C.

Per evitare duplicazione delle violazioni quando si analizzano più pagine, la funzionalità di definizione dell'Ambito dell'estensione axe Expert ti offre un modo per limitare ciò che viene analizzato a una o più sezioni specifiche di una pagina, ignorando il contenuto comune e ripetuto che non è selezionato come parte dell'ambito. Definendo l'ambito durante l'analisi scriptata avrà lo stesso effetto di un'analisi statica. In altre parole, include solo le porzioni definite della pagina nello script. Questo processo è particolarmente utile quando si testano solo definizioni di ambiti che coprono le aree di contenuto della pagina, eliminando i problemi ripetitivi riscontrati nei test dei modelli.

Abilitare la funzionalità di ambito senza accedere a axe Monitor

Segui i seguenti passaggi per abilitare la visualizzazione della funzionalità di ambito nel pannello delle impostazioni senza accedere a axe Monitor:

1. Seleziona Scoping nel menu a scomparsa dell'estensione axe Expert per accedere alla scheda Impostazioni:

   

2. L'estensione mostra la scheda Scoping vuota di axe Expert Extension al primo accesso:

   

   Non accedere a axe Monitor. Invece, crea un nuovo ambito senza progetto usando Descrizioni delle opzioni e Descrizioni delle colonne descritti:

   

Abilitare la funzionalità di ambito mentre si è connessi a axe Monitor

Segui i seguenti passaggi per abilitare la visualizzazione della funzionalità di ambito nel pannello delle impostazioni mentre si è connessi a axe Monitor:

1. Accedi a axe Monitor nella scheda Impostazioni del pannello axe Expert. Per dettagli completi, vedi Accedi a axe Monitor.

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

2. Seleziona un progetto utilizzando il menu e il pulsante Seleziona un progetto nel pannello delle impostazioni. Per dettagli completi, vedi Seleziona un Progetto di axe Monitor.

   La funzionalità di definizione dell'ambito appare sotto la selezione del progetto e le sezioni di download dei problemi nel pannello delle impostazioni.

   

Descrizioni delle opzioni

Una volta abilitato, vedrai la sezione di ambito nel pannello delle impostazioni nell'estensione axe Expert, che visualizza un gruppo di opzioni radio button Analizza ambito con le seguenti tre opzioni disponibili tra cui scegliere:

• Intera pagina: Seleziona per perfezionare l'ambito definito durante un'analisi nel pannello Analisi all'intera pagina caricata nel browser.
• Solo contenuto: Seleziona per perfezionare l'ambito durante un'analisi nel pannello Analizza al solo contenuto non facenti parte di alcun modello definito nella tabella delle Definizioni di Ambito qui sotto.
• Solo modello: Seleziona questa opzione per perfezionare l'analisi eseguita nel pannello Analizza alle tutto tranne il contenuto definizioni sulla pagina caricata in prova.

Descrizioni delle colonne

Sotto la sezione opzioni Analizza ambito, vedrai la sezione della tabella definizione degli ambiti, che visualizza una tabella con le seguenti sei colonne di informazioni:

• Nome: Un campo di inserimento testo utilizzato per dare un nome alla definizione di ambito che sia chiaro e significativo (ad esempio, 'Intestazione').
• Categoria: Un campo a menu a tendina usato per specificare il tipo di ambito. Le opzioni includono 'Modello 1-4' (pagina intera) e 'Contenuto 1-4' (corpo della pagina). Questi possono essere utilizzati per raggruppare insieme definizioni di ambiti correlati in modo che possano essere facilmente ordinati.
• Pattern URL: Un campo di inserimento testo utilizzato per specificare una parte o parti di un sito web che utilizzano un set di modelli diverso rispetto alla parte principale del sito (ad esempio, un'area di shopping o servizi membri sicuri), definito con una stringa di testo che appare immediatamente dopo il nome del dominio nell'indirizzo della pagina per un modello che utilizza una corrispondenza con caratteri jolly (ad esempio, '/prodotti' corrisponderebbe a '/prodotti' così come a qualsiasi stringa di testo che viene dopo).
• Selettore(i) CSS: Un campo di inserimento testo utilizzato per specificare il localizzatore del contenuto da targetizzare (ad esempio, /html/body per il corpo del documento, o html per indicare l'intera pagina). In generale, è necessario conoscere il id dell'elemento che si desidera valutare. Per esempio:
  • **/section[@id='content']** identifica un tag section con un id di "content": <section id="content">
  • **/div[@id='header-panel']** identifica un div con un id di "header-panel": <div id="header-panel">
  • **/div[@id='right-column']** identifica un div con un id di "right-column": <div id="right-column">
  • **/html/body/section/div[2]/div[3]** identifica un elemento senza un id: il terzo div all'interno del secondo div all'interno del tag section all'interno del body del html
• + **Frame**: Fai clic per aggiungere una nuova riga sotto che fornisce un campo di inserimento testo che puoi usare per inserire un localizzatore selettore CSS selezionato (i dati della regione del nodo DOM) se la regione è all'interno di un frame. Il simbolo più diventa un meno per indicare che è possibile rimuovere la riga dopo che è stata aggiunta.
• Azioni: All'interno di una riga vuota, il pulsante Salva appare nella colonna Azioni, il che ti consente di aggiungere la tua selezione/inserimento come una nuova riga di definizione di ambito. Dopo l'aggiunta di una riga, i pulsanti Modifica e Elimina appaiono.

Aggiungi una definizione di ambito

Segui questa procedura ogni volta che desideri limitare o restringere la parte della pagina che stai analizzando a un selettore CSS o un pattern URL categorizzato per contenuto, modello o l'intera pagina. Aggiungere una definizione di ambito consiste nel popolare cinque colonne di informazioni nella tabella della sezione Ambito nel pannello Impostazioni in axe Expert, quindi selezionare il pulsante Salva.

Definizioni di Ambito e auto-associazione con progetti axe Monitor

La sezione Ambito del pannello Settings appare solo dopo che una connessione con axe Monitor è stata stabilita e un progetto selezionato. Definire e salvare un ambito seguendo questa procedura aggiunge la Definizione di Ambito al progetto selezionato in axe Monitor in modo che, quando selezioni nuovamente il progetto nell'estensione axe Expert, le definizioni di ambiti esistenti vengano caricate automaticamente nella scheda Settings. Ogni volta che selezioni il progetto, questa definizione di ambito verrà automaticamente scaricata nell'estensione axe Expert da axe Monitor.

Le definizioni di ambito aggiunte affinano l'analisi eseguita nel pannello Analizza in axe Expert Extension alle aree della pagina caricata che corrispondono all'ambito.

Prima di iniziare, è importante che tu comprenda come abilitare la funzionalità delle definizioni di ambiti e comprenda lo scopo di ciascuna opzione e campo della tabella.

1. Nella sezione Ambito del pannello Impostazioni, inserisci un testo significativo nella colonna Name (ad esempio, 'Header').

2. Nella colonna Category, accedi alle opzioni del menu a tendina, e quindi seleziona un elemento nell'elenco (per esempio, 'Template 1').

   L'elenco a tendina Category si chiude e la tua selezione viene popolata nel campo di visualizzazione.

3. Nel campo URL pattern, inserisci la stringa di testo dopo il nome del dominio, se lo desideri (per esempio, '/html/head').

4. Facoltativamente, seleziona + Frame per far apparire un nuovo campo Selettore CSS vuoto su una nuova riga sotto, quindi inserisci il selettore per il componente, se contenuto in un frame.

   

5. Nel campo CSS Selector(s), inserisci il selettore che hai selezionato utilizzando lo strumento di tua scelta (ad esempio, tramite right-click > Copy > Copy selector in Chrome DevTools dopo aver evidenziato il codice sorgente nello strumento Elements).

6. Nella colonna Azioni, seleziona Save.

   

L'ambito che hai aggiunto appare come una nuova riga nella tabella e la colonna Azioni visualizza pulsanti che ti permettono di Modificare o Eliminare. Inoltre, appare una nuova riga vuota sotto la tua riga di ambito salvata, che ti consente di specificare e salvare un altro, etc.

Ora puoi selezionare l'opzione desiderata nella sezione Analyze scope sopra la tabella, poi eseguire un'analisi sulla pagina caricata definita dall'ambito che hai specificato.

Modifica una definizione di ambito

Modifica una definizione di ambito quando vuoi modificare una definizione di ambito esistente cambiando uno o più dei cinque campi di informazioni. Selezionare Edit nella colonna Actions della tabella nella sezione Scope nel pannello Impostazioni in axe Expert ti permette di cambiare l'ambito di ciò che verrà targetizzato quando si esegue un'analisi della pagina caricata nel pannello Analizza. Questo cambia anche ciò che è memorizzato in axe Monitor di conseguenza.

1. Attiva Edit nella colonna Actions della tabella nella sezione Scope.

   

   I campi diventano modificabili in ogni colonna e la colonna Actions visualizza un pulsante Save e un pulsante Cancel.

2. Effettua le modifiche desiderate a uno o più campi delle colonne, quindi attiva Save nella colonna Actions.

   

Le modifiche salvate sono visualizzate come una riga di sola lettura nella tabella e sono automaticamente sincronizzate con axe Monitor.

Novità della versione 2.8 di Attest Browser Extension: Il pulsante ANALYZE AGAIN è disabilitato quando l'ambito di analisi non è salvato.

È troppo facile trascurare se un utente ha salvato o meno l'ambito dell'analisi corrente prima di fare clic su ANALYZE AGAIN.

Per risolvere questo, abbiamo spostato il pulsante Save accanto ai pulsanti ANALYZE AGAIN e Back. Il pulsante ANALYZE AGAIN è disabilitato e il pulsante Save è abilitato quando un utente scrive una nuova riga di ambito. Il pulsante ANALYZE AGAIN viene riabilitato e il pulsante Save disabilitato quando l'utente salva il nuovo ambito. Questi due pulsanti non saranno mai abilitati contemporaneamente nell'estensione axe Expert.

Elimina una definizione di ambito

Elimina una definizione di ambito per rimuovere una riga dalla tabella nella sezione Scope nel pannello Settings. Questa azione rimuove anche la definizione di ambito da axe Monitor.

Nella colonna Actions, nella riga della definizione di ambito esistente che vuoi eliminare, seleziona Delete.

La riga viene rimossa dalla tabella della sezione Definizioni ambito.