Orientamento axe Expert

L'estensione axe Expert si integra con gli strumenti per sviluppatori del tuo browser, una funzionalità integrata pensata per gli sviluppatori web per esaminare e risolvere i problemi nelle pagine web. Dopo l'installazione, la scheda axe Expert viene visualizzata come opzione nella barra delle schede Strumenti per sviluppatori. Facendo clic sul pulsante vengono visualizzate le cinque schede principali in una barra orizzontale sotto la barra degli strumenti, ciascuna delle quali ha la propria barra degli strumenti sotto la barra delle schede. Nella barra degli strumenti specifica per scheda troverai i riquadri principali del contenuto dei risultati, che a loro volta mostrano controlli aggiuntivi come pulsanti e link.

Componenti

I seguenti cinque componenti principali vengono rivelati dopo che l'estensione Expert di axe è abilitata sulla barra degli strumenti DevTools:

1. Scheda axe Expert: la scheda nella parte superiore del riquadro DevTools del browser, che include axe Expert. Per informazioni complete sull'installazione, vedere Download e installazione dell'axe Expert Extension. Facendo clic sulla sua scheda, axe Expert diventa lo strumento attivo, mentre gli altri strumenti e i controlli della casella degli strumenti rimangono nella barra orizzontale.

2. Menu di navigazione a discesa del pannello del menu principale: si tratta degli strumenti all'interno dello strumento, per così dire, che potresti anche considerare come "pagine" di visualizzazione all'interno dell'estensione axe Expert. Selezionando la freccia rivolta verso il basso viene visualizzato l'elenco. Seleziona un elemento di collegamento nell'elenco per visualizzare il pannello.

   I pannelli a cui è possibile accedere dal menu principale includono:

   • Analyze: analizza la pagina caricata per individuare violazioni delle regole di accessibilità, visualizza i dettagli su ciascuna di esse, scarica o carica su axe Monitor. Per maggiori dettagli, vedere Analizza.

   • Page Insights: Un'analisi delle funzionalità della pagina disponibili per le tecnologie assistive. Per i dettagli completi, vedere Approfondimenti sulla pagina.

   • Tools: Page Insights visualizza in modo efficace i componenti dell'Accessibility Object Model (AOM) usati dagli screen reader.

   • Scripts: registra le azioni sequenziali eseguite sulla pagina caricata come uno script di eventi che possono essere riprodotti, caricati o scaricati da axe Monitor, dove possono essere applicati alle scansioni per automatizzare i passaggi di attività noiose (come la compilazione di un modulo di accesso). Per i dettagli completi, vedere Script.

   • Rules: Invia regole personalizzate tramite un file JSON da rendere disponibile come opzione nella sezione Set di regole della scheda Impostazioni, da cui puoi selezionare il tuo set di regole da eseguire come parte di un'analisi di pagina. Per i dettagli completi, vedere Pannello Regole.

   • Settings: Accedi ad axe Monitor e specifica gli standard da considerare nella tua analisi. Inoltre, quando si seleziona o si "passa a" un progetto, vengono visualizzati i nomi dell'organizzazione e del progetto. Per maggiori informazioni, vedere Sign in to axe Monitor.

3. Extension version number: Il numero di versione dell'estensione viene visualizzato direttamente sotto il titolo dell'estensione, nella parte superiore della finestra dell'estensione.

4. Pane specific menu, navigation tools and notification area: Il pulsante con le ellissi verticali è un menu specifico del riquadro a cui si accede attualmente. Strumenti aggiuntivi quali pulsanti di navigazione delle violazioni, pulsanti di ispezione/evidenziazione, menu a discesa, ecc. nonché messaggi di risposta dello strumento vengono visualizzati in questa specifica area della barra degli strumenti del riquadro generale. Gli strumenti visualizzati sono specifici solo per la vista del riquadro attivo selezionato (ad esempio, il riquadro Analizza). Alcune delle funzionalità qui illustrate sono integrate con i DevTools del browser.

5. Content pane(s) area: La finestra principale è interamente controllata e specifica di axe Expert, sebbene alcune funzionalità interagiscano con altri DevTools integrati come evidenziazione o ispezione. A seconda del riquadro selezionato, potrebbe essere visualizzata una finestra con un solo riquadro oppure una finestra con riquadri divisi o multipli. Questa area degli strumenti per sviluppatori visualizza contenuti quali regole, violazioni, simulazioni ed eventi di script. I riquadri interni contengono anche controlli utente utilizzabili, come pulsanti e link. Per maggiori dettagli sul loro utilizzo, consultare i rispettivi argomenti relativi a ciascun riquadro.