Usa Axe Expert con tecnologia assistiva

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
warning

L'estensione di axe Expert è ufficialmente ritirata. Leggi di più su questa pagina Sostituzione di axe Expert. Queste pagine verranno rimosse a luglio 2024. Invia un'email a helpdesk@deque.com per qualsiasi domanda o dubbio.

Deque Systems, Inc. considera NVDA/Windows la piattaforma principale per gli utenti di lettori di schermo dell'estensione axe Expert. Consigliamo di utilizzare NVDA o JAWS su Windows e VoiceOver su Mac.

Prima di iniziare:

Si veda axe Expert Extension for Chrome VPAT.pdf per consultare il rapporto di conformità volontaria del prodotto Deque per l'estensione axe Expert.

Usa l'estensione axe Expert per Google Chrome con NVDA

Riferimenti ai tasti di scelta rapida di Chrome DevTools:

Prima di iniziare: Google ha recentemente aggiornato la Guida per l'utente di DevTools del browser Chrome e il materiale di riferimento web. Per i tasti di scelta rapida generalmente applicabili all'utilizzo dell'estensione axe Expert in Google Chrome, vedere Riferimenti ai tasti di scelta rapida - Google Developers Chrome DevTools.

Le seguenti istruzioni spiegano generalmente come utilizzare l'estensione axe Expert in Google Chrome con lettori di schermo basati su Windows, compreso NVDA. Vengono forniti istruzioni per installare, avviare, navigare nell'interfaccia utente, regolare le impostazioni, eseguire un'analisi di accessibilità ed esportare i risultati. Questa documentazione non contiene istruzioni per lavorare con l'estensione axe Expert SimulAT o con la funzionalità di scripting in NVDA, né contiene il livello di dettaglio coinvolto nel resto di questa guida per l'utente. La documentazione inclusa qui serve solo come guida introduttiva per gli utenti del software di lettura schermo NVDA.

In questo argomento:

Installa l'estensione axe Expert

Installare l'estensione axe Expert nei DevTools di Google Chrome è leggermente diverso rispetto all'installazione dell'estensione axe Expert di Deque per Mozilla Firefox, che ha un processo di installazione diverso per gli utenti di axe Monitor (che utilizzano un link di installazione dall'applicazione) rispetto agli utenti dell'estensione axe Expert (che scaricano prima un file .xpi da un repository).

Importante

Le seguenti istruzioni sono fornite solo come un esempio per darti un'idea del processo di installazione. I passaggi del processo specifico possono variare in base alle tue esigenze di sicurezza e al tipo/versione del browser. Ad esempio, a seconda della tua organizzazione, potrebbe essere necessario caricare un'estensione non confezionato con la modalità Sviluppatore attivata. Consulta il tuo responsabile per le istruzioni specifiche di installazione. La prassi consigliata da Deque è che tutti i clienti lavorino con il loro responsabile d'impegno Deque o con l'assistenza clienti Deque per ottenere la versione appropriata e i file di installazione con licenza adeguata.

Dalla pagina delle estensioni nel Chrome Web Store

Il modo più semplice per installare l'estensione axe Expert è tramite un link diretto alla pagina delle estensioni di Google Chrome nel Chrome Web Store. Se hai mai installato un'estensione del browser Google Chrome antes, il processo è lo stesso. Tuttavia, l'estensione axe Expert non è generalmente ricercabile nel Chrome Web Store, quindi è necessario un link diretto:

Collegamento a axe Expert nel Chromestore.

Per istruzioni complete sull'installazione, utilizza il link fornito e consulta l'argomento Scarica e installa nella sezione Primi passi di questa guida.

Il file di installazione compresso .crx può essere accesso direttamente da un link nel menu della barra laterale di destra di axe Monitor, consentendoti di avviare il processo di installazione direttamente dal browser Google Chrome.

Per installare l'estensione axe Expert da un link di installazione (axe Monitor):

  1. Vai alla sezione Link Rapidi della schermata Home in axe Monitor utilizzando il browser Chrome.
  2. Seleziona Scarica axe Expert Extension 3.5.

Quando selezioni il link di installazione dell'estensione axe Expert, viene visualizzato un messaggio che chiede se desideri installare l'estensione axe Expert.

  1. Passa e seleziona il pulsante Carica Estensione Non Confezionata... (o premi Alt_I).

Da un File CRX

L'estensione Google Chrome confezionata è offerta come file compresso con l'estensione di file .crx, e offre una chiave privata in modo tale che non devi preoccuparti di aggiornare manualmente l'estensione, poiché questo è gestito automaticamente.

Per installare l'estensione axe Expert da un file .crx (axe Expert Extension):

  1. Contatta il tuo responsabile d'impegno Deque o l'assistenza clienti Deque per ottenere l'installer CRX richiesto.
  2. Vai al file .crx scaricato sul tuo computer.
  3. Premi Enter.

Verifica Installazione

L'installazione dovrebbe richiedere solo pochi secondi. Al termine dell'installazione verrà riprodotto un messaggio che indica che l'estensione axe Expert è stata installata con successo. Puoi sempre verificare il successo dell'installazione provando ad aprire l'estensione axe Expert nei DevTools di Google Chrome. Per ulteriori informazioni, vedi Apri l'estensione axe Expert. I seguenti passaggi ti guideranno nella verifica dell'installazione tramite la navigazione all'entrata dell'estensione axe Expert sulla pagina delle estensioni di Google Chrome.

  1. Nel campo Indirizzo (Posizione) di Google Chrome, digita chrome://extensions/ e premi Invio.

  2. Attiva TAB tre volte per accedere all'elenco delle estensioni di Google Chrome installate.

  3. Premi il tasto Down Arrow per individuare l'elemento di elenco dell'estensione axe Expert.

    Le estensioni di Google Chrome vengono visualizzate in ordine ascendente e in ordine di installazione più recente, quindi dovrebbe essere il primo elemento dell'elenco.

  4. Ascolta le opzioni "disabilita, rimuovi". Quando senti queste opzioni annunciate dopo axe Expert, l'estensione è stata installata con successo.

Apri l'estensione axe Expert in Google Chrome

L'estensione axe Expert è installata nella barra delle schede di DevTools di Chrome.

  1. Premi e tieni premuto Ctrl+Shift+I per avviare i DevTools di Chrome.
  2. Premi e tieni premuto Ctrl\_\] fino a sentire "axe Expert".

Quando è installata per la prima volta, e non esistono altre estensioni che si integrano con gli Strumenti di Sviluppo di Google Chrome, la scheda axe Expert si troverà sul lato estremo destro della barra delle schede dell'area strumenti.

  1. Premi Invio per abilitare la scheda axe Expert nella finestra dei DevTools.

L'estensione axe Expert è ora attiva nella finestra dei DevTools di Google Chrome ed è pronta per l'uso.

Comprendere e Navigare l'Interfaccia Utente dell'estensione axe Expert

Selezione del Pannello del Menu Principale

Nel pannello sinistro dell'estensione axe Expert, indipendentemente dal pannello attualmente selezionato, hai un menu a tendina principale che fornisce collegamenti a ciascuno dei cinque pannelli principali all'interno dell'estensione axe Expert.

  1. Verifica l'attivazione della scheda axe Expert premendo il tasto Tab per spostare il focus sul Menu principale, che viene letto come "Navigazione Globale".

    Il frame viene annunciato come frame "data/index".

    Scheda Predefinita: Il pannello Analizza è attivo per impostazione predefinita quando l'estensione axe Expert viene avviata. Usa la scheda Analizza per eseguire un'analisi dell'accessibilità; è probabile che sia la scheda che utilizzerai nel 99,5% dei casi. Usa il menu Options dell'estensione axe Expert per selezionare Settings e Sign in to axe Monitor.

  2. Sposta il focus sul menu principale di navigazione globale dell'estensione axe Expert e premi Invio.

    Il menu principale dell'estensione axe Expert si apre e mostra cinque scelte di pannelli:

  3. Premi i tasti down arrow e up arrow per navigare tra gli elementi del menu principale dell'estensione axe Expert. Premi Enter per selezionare un elemento del menu.

Il menu si chiude e il lettore di schermo annuncia "pulsante collassato", seguito dal nome dell'elemento di menu selezionato.

Accedi a controlli e link specifici del pannello aggiuntivi e ai collegamenti ad altri pannelli e funzionalità correlate sul pannello selezionato tramite il menu a discesa del pulsante con i puntini di sospensione verticali nella barra superiore del riquadro destro nel pannello Analizza. Questo menu a discesa è talvolta informalmente chiamato "menu a tre punti".

Usa il menu contestuale del pannello Analizza:
  • Tab dal pulsante Analyze sul pannello Analyze per spostare il focus su un menu contestuale annunciato come main landmark Analyze google menu button collapsed.
  • Premi Enter per mostrare gli elementi del menu contestuale Analizza.
  • Arrow down o su per evidenziare un elemento del menu e premi Enter per selezionare l'elemento attualmente evidenziato.

Ogni pannello all'interno dell'estensione axe Expert è composto da due o tre sottopannelli informativi. I sottopannelli contengono anche sezioni informative identificate con intestazioni.

Passa da un pannello all'altro

  • In modalità navigazione, premi Freccia Su o Freccia Giù per selezionare il pannello che vuoi abilitare e premi Invio.
  • In modalità moduli, passare al riquadro attivo e quindi utilizzare i tasti freccia (freccia destra o freccia sinistra) per passare ad altri riquadri (non è necessario premere Invio).

Forza NVDA a ritornare in modalità navigazione, premi il tasto NVDA e la barra spaziatrice dopo aver lavorato in modalità moduli.

Layout della Tastiera e Modalità Moduli

Layout della Tastiera NVDA: Premi il tasto Esc o il tasto NVDA e la barra spaziatrice per uscire dalla modalità moduli in NVDA. Il tasto NVDA è insert, a meno che tu non cambi in Caps Lock, cosa che puoi fare nel menu di configurazione di NVDA.

Seleziona un Set di Regole

Potresti voler regolare l'opzione del set di regole sul pannello Regole. Il pannello Regole contiene caselle di controllo con la legenda Set di Regole, in cui si possono trovare tre set di regole. Le regole WCAG 2.0 AA sono attive per impostazione predefinita. Utilizzare un set di regole diverso dal default WCAG 2.0 AA comporta fare aggiustamenti opzionali nella scheda Regole.

Puoi eseguire analisi offline utilizzando uno dei set di regole standard dell'estensione axe Expert senza connetterti a un server axe Monitor, oppure puoi utilizzare il tuo set di regole personalizzato.

Standard Predefinito: Se utilizzi l'estensione axe Expert nella sua configurazione predefinita, eseguirai un'analisi WCAG 2.1 AA utilizzando il set di regole WCAG 2.1 AA predefinito.

Seleziona un set di regole:

  1. Premi R in NVDA.

La casella di controllo WCAG 2.1 livello AA è selezionata per impostazione predefinita. Questo è un set di regole standard fornito con l'estensione axe Expert. Il set di regole predefinito è utilizzato fino a quando non dici all'estensione axe Expert di usarne uno diverso. Non puoi eliminare i set di regole forniti con l'estensione axe Expert.

  1. Seleziona un set di regole tramite la casella di controllo associata.

Non è necessaria alcuna ulteriore conferma.

Impostazioni: Connessione al Server, Selezione Progetto e Scopo

La prima cosa che noterai nel pannello Impostazioni è un insieme di campi modulo che ti permettono di connettere l'estensione axe Expert a un server axe Monitor. Dopo esserti autenticato su axe Monitor, viene visualizzato un menu di selezione del progetto con il pulsante. Due nuove sezioni vengono visualizzate quando selezioni un progetto: Scarica Problemi e Scopo.

Potresti voler connetterti al tuo server axe Monitor e selezionare un progetto per abilitare il download e l'upload dei risultati dell'analisi. Se l'estensione axe Expert non è connessa a un server axe Monitor, il menu a discesa è annunciato come "offline nessun progetto" o "cliccabile offline nessun progetto cliccabile", e la funzionalità di selezione del progetto è annunciata come "non disponibile". Per dettagli completi, vedi Accedi a axe Monitor e Seleziona un Progetto axe Monitor rispettivamente.

Prima di utilizzare il pannello Analisi per analizzare una pagina web, potresti voler regolare le opzioni nella sezione Scopo del pannello Impostazioni per affinare ciò che verrà mirato o ignorato. Per dettagli completi, vedi Definizioni di Scopo.

Opzioni di Registrazione Eventi

Il pannello delle Opzioni di Registrazione degli Script, accessibile tramite il collegamento Opzioni nel pannello della scheda Script, ha una sezione chiamata Eventi da Catturare contenente caselle di controllo dove è possibile configurare quali eventi registrare o ignorare durante la registrazione degli script. Per ulteriori informazioni, vedere Seleziona Eventi da Catturare.

Analizzare una Pagina per le Violazioni delle Regole di Accessibilità

  1. Apri la pagina che desideri testare in Chrome.

  2. Apri Chrome DevTools (Ctrl_Shift_I) e seleziona la scheda axe Expert.

    Consulta Apri l'Estensione axe Expert per ulteriori informazioni.

  3. Trova il pulsante ANALYZE o il collegamento Esegui di nuovo se stai riesaminando una pagina nel riquadro Analizza dell'estensione axe Expert (non importa quale selezioni, eseguono entrambi la stessa funzione).

  4. Il pulsante Analyze.

L'etichetta del pulsante Analyze cambia per mostrare "analizzando" durante una scansione.

Sai che la scansione è terminata quando puoi spostarti con le frecce o con il tab lontano dal pulsante Analyze.

Quando Non Vengono Trovate Violazioni di Accessibilità

Se non vengono trovate violazioni di accessibilità, la riga dopo il pulsante di caricamento dice: Congratulazioni! Nessuna violazione di accessibilità trovata. Ora dovresti eseguire test manuali utilizzando tecnologie assistive come NVDA, VoiceOver e JAWS.

Lavorare con i Risultati dell'Analisi

Pulsante di Esportazione e Conteggio Violazioni: Se sono stati scoperti uno o più errori, utilizza l'opzione del quinto collegamento, Export, nel menu del pannello Analyze per esportare i risultati in un file CSV.

Collegamenti Download e Upload: Il menu del pannello Analyze include anche le voci per il download... e il caricamento.... Queste voci vengono annunciate come "disabilitate" quando non si è connessi a un server axe Monitor. Per ulteriori informazioni, vedere Carica Risultati dell'Analisi e Scarica uno script.

Analizzare i Risultati dell'Estensione axe Expert in uno dei due modi:

  • Esporta i risultati in un programma di fogli di calcolo per ulteriori analisi.
  • Esamina i risultati all'interno del pannello Analizza.

Esporta Risultati

Se hai bisogno di lavorare con i risultati dell'analisi in un programma di fogli di calcolo come Microsoft Excel, consentendo l'ordinamento e altre manipolazioni dei dati, seleziona Export dal menu Analyze dell'estensione axe Expert per scaricare un file CSV (Comma-Separated Value). Lavorare con i risultati esportati è particolarmente utile per gli utenti di lettori di schermo per facilitare la navigazione tra le violazioni quando i risultati includono più violazioni di diverse regole.

Esporta i risultati in un file CSV:

  1. Seleziona Export nel menu a discesa Analyze specifico del pannello.

Viene visualizzata una tipica finestra di dialogo Salva File.

  1. Seleziona una cartella conveniente, fornisci un nome descrittivo per il file, seleziona Save.

    Assicurati che la cartella desiderata sia selezionata facendo shift+tabbing sull'albero delle cartelle la prima volta che richiami la finestra di dialogo Salva File utilizzando il collegamento Esporta. L'estensione axe Expert salva i risultati esportati nella posizione di download predefinita configurata nelle impostazioni del tuo browser Chrome. Una volta selezionata una cartella, l'estensione axe Expert ricorda la tua selezione per esportazioni future.

Esaminare i Risultati dell'Analisi Nell'estensione axe Expert

Tutti i risultati dell'analisi dell'estensione axe Expert sono visualizzati sotto l'intestazione Violazioni trovate. Questa è solitamente l'unica intestazione nel pannello Analyze, quindi usare il tasto h dovrebbe portarti direttamente lì.

Esamina le violazioni delle regole:

  • Premi la freccia su due volte per vedere la riga in cui viene riportato il numero di violazioni trovate.

    L'estensione axe Expert visualizza un elenco ordinato di test che hanno identificato violazioni, insieme al numero di violazioni per ciascuna regola. I nomi delle regole nell'elenco sono collegamenti, che quando visualizzati, mostrano un elenco di tutte le violazioni per quella regola.

    Un tipico elenco di violazioni potrebbe presentarsi come segue:

elenco di x elementi

  1. Link: Gli elementi devono avere un sufficiente contrasto di colore x violazioni (dove x è il numero di violazioni).
  2. Link: Il valore dell'attributo ID deve essere unico violazioni...

Approfondire le singole violazioni:

  • Seleziona il collegamento della regola nell'elenco.

Quando si seleziona un collegamento di una regola, vedrai un pannello che visualizza la prima violazione per la regola.

Panoramica del Pannello delle Violazioni nei Risultati dell'Analisi

Questa sezione descrive le informazioni sequenziali visualizzate mentre navighi verso il basso all'interno di una violazione di regola individuale.

  • Visualizzazione di una Violazione Individuale: Inizia dall'elenco di regole che hanno prodotto violazioni (vedi la sezione precedente per una descrizione ed un esempio di come appare l'elenco).

  • Navigazione e Impatto delle Violazioni Multiple

  • Pulsante Precedente: Alla fine dell'elenco vedrai un pulsante chiamato precedente. Il pulsante precedente è disabilitato quando visualizzi la prima violazione della regola.

  • # delle violazioni totali: Scorrendo verso il basso dal pulsante Previous si vede una linea che dice: „violazione 1 di X” dove X è il numero totale di violazioni specifiche della regola attiva.

  • Impatto: Scorrendo ulteriormente verso il basso dalla linea # delle violazioni totali si visualizzano le informazioni sull'impatto relative alla violazione. La linea dell'impatto contiene la valutazione dell'impatto: minore, moderato, serio o critico.

  • Pulsante Next: Un pulsante successivo viene visualizzato dopo le informazioni sull'impatto. Il pulsante successivo viene annunciato come disabilitato se si sta visualizzando l'ultima violazione di una regola specifica.

  • Description: Scorrendo verso il basso dal pulsante successivo si visualizza una descrizione in una sola riga della regola violata con un link Altre informazioni. Ad esempio, questa linea leggerà „Verifica che il contrasto tra i colori del primo piano e dello sfondo soddisfi le soglie del rapporto di contrasto WCAG 2 AA“ quando viene registrata una violazione della regola del contrasto di colore.

  • Link More info: Seleziona Altre informazioni per esaminare il contenuto di Deque University che offre ulteriore contesto e informazioni di base sulla regola violata, oltre a dettagli su come risolverla.

  • Applicable Ruleset (Standard) and Success Criteria: Un elenco di due elementi segue il link Altre informazioni. Il primo elemento dell’elenco elenca il set di regole attivo utilizzato durante la scansione di analisi dell'estensione axe Expert. WCAG 2.0 AA è il set di regole dell'estensione axe Expert, indicato come „wcag2aa“. Il secondo elemento indica il criterio di successo per la regola attiva (ad esempio, wcag143 per il criterio di successo 1.4.3 di WCAG 2.0 - contrasto di colore).

  • Inspect and Highlight links: Il link Inspect evidenzia l'elemento in violazione in DevTools. Il secondo link, Highlight, evidenzia visivamente l'elemento della pagina web nella finestra principale di Chrome.

  • Section Navigation: Diversi titoli h2 aggiuntivi rappresentano le sezioni dei pannelli di contenuto all'interno di una violazione:

  • Target: Target identifica un percorso di selettore CSS per l'elemento HTML in violazione.

  • HTML: visualizza un frammento di markup HTML che include l'elemento in violazione.

  • Summary: Il riassunto contiene una sezione sottointitolata „correggere uno dei seguenti“ seguita da un elenco di correzioni suggerite. La disposizione precisa e la formulazione di una correzione suggerita dipendono dalla violazione specifica. L'elenco delle correzioni suggerite è un'informazione essenziale in qualsiasi rapporto o analisi, poiché di solito aiuta a individuare l'errore esatto e spesso fornisce la soluzione più semplice.

Note di navigazione per violazioni multiple

Usa i pulsanti Previous e Next

Usa i pulsanti previous e next per andare alla violazione precedente/successiva se l'analisi ha registrato molteplici violazioni di regole. La linea aggiornata violazione x di y viene annunciata automaticamente dalla maggior parte dei lettori di schermo al momento della selezione dei pulsanti previous o next. Ad esempio, se il pannello visualizza attualmente la violazione uno di dieci e si seleziona il pulsante next, NVDA annuncia automaticamente „violazione due di dieci“. I pulsanti next e previous forniscono l'unico mezzo di navigazione a una violazione di regola particolare.

Per arrivare alla violazione otto di dieci per la regola x, clicca sulla regola x e poi fai clic su next sette volte.

Informazioni sull'ultima violazione

Fare clic su next quando viene visualizzata l'ultima violazione di una regola data non visualizza automaticamente la prima violazione della regola successiva. Infatti, il pulsante next è disabilitato quando viene visualizzata l'ultima violazione della regola. Torna all'elenco delle regole e seleziona la regola successiva per l'ispezione.

Esamina tutte le violazioni di accessibilità per tutte le regole. Esporta il rapporto in un file CSV per esaminare rapidamente tutte le violazioni delle regole in un unico luogo.

Usa regole personalizzate

Il pannello Rules è la quarta selezione nel menu principale. Se hai scritto un file JSON di regole personalizzate per l'estensione axe Expert da scansionare, usa il pannello Rules per aggiungere il tuo set di regole. Una volta aggiunto al pannello Rules, puoi selezionare il tuo set di regole dalla scheda Rules. Il pannello Custom Ruleset contiene due campi modulo e un pulsante: Name for Custom Rules, Enter JSON, e SAVE E USE RULESET.

Aggiungi regole personalizzate

  1. Specifica un nome per il tuo set di regole personalizzate nel campo (Nome per Regole Personalizzate e Inserisci JSON).

Assicurati che il nome contenga solo lettere o numeri (non sono ammessi spazi, trattini o altri simboli come parte del nome del set di regole).

  1. Inserisci o incolla le tue regole JSON nel campo Enter JSON.

  2. Seleziona SAVE E USE RULESET.

Il pannello Rules visualizza un messaggio di successo o un messaggio di errore se hai specificato un nome non valido o usato un JSON non valido. Puoi vedere il nome del tuo set di regole nella sezione Regole personalizzate del menu laterale sinistro nel riquadro Regole. Elimina un set di regole personalizzate selezionando la casella di controllo corrispondente e poi selezionando Elimina set di regole.

Is this page helpful?

Help us improve this page

Still need help?