Scansione per Problemi di Accessibilità

Eseguire scansioni automatiche di accessibilità è rapido e facile con axe DevTools. Sono disponibili 2 tipi di scansione per l'accessibilità:

• Scansione Completa della Pagina
• Scansione Parziale della Pagina

Scansione Completa della Pagina

Dalla schermata iniziale dell'estensione, cliccando su „Scansione Completa della Pagina“ verrà eseguita una axe-core scansione automatica dell'intera pagina. Una volta completata la scansione, potrai rivedere i risultati della scansione.

Scansione Parziale della Pagina

Dalla schermata iniziale dell'estensione, cliccando su „Scansione Parziale della Pagina“ potrai selezionare un componente specifico o un'area della pagina in cui eseguire la scansione. Questo significa che verrà eseguita una scansione completamente isolata solo all'interno dell'elemento selezionato (tutti i contenuti al di fuori del componente selezionato saranno effettivamente ignorati). Per effettuare una selezione degli elementi, puoi usare il mouse per puntare e cliccare su qualsiasi elemento della pagina o utilizzare il "Selettore di Elementi“ accessibile da tecnologie assistive per selezionare un elemento con la tastiera (senza bisogno del mouse). Una volta effettuata la selezione dell'elemento, puoi cliccare su scansione che ti porterà ai risultati della scansione.

Risultati

Il "Riepilogo" dei risultati visualizza i problemi di accessibilità trovati durante una scansione. L'URL in cui è stata eseguita la scansione viene visualizzato insieme a un controllo per "Ri-eseguire" la scansione. Sotto, per le scansioni parziali della pagina, l'elemento selezionato sarà visualizzato con un controllo "Evidenziare" per evidenziare l'elemento/componente selezionato sulla pagina. Successivamente, troverai i riassunti dei problemi con il numero totale di problemi trovati insieme al numero di suddivisioni che fungono da "filtri" per visualizzare tipi o categorie di problemi specifici:

• "PROBLEMI AUTOMATICI": Problemi riscontrati durante una scansione automatica
• "PROBLEMI GUIDATI": Problemi riscontrati durante Test Guidati Intelligenti
• "Bisogno di Revisione": Problemi potenziali in cui axe-core non ha potuto determinare con assoluta certezza che fossero veri problemi. Questo può spesso accadere con i calcoli del contrasto di colore per testo su immagini di sfondo o gradienti complessi.
• Migliori Pratiche: Problemi che non necessariamente aderiscono ai criteri di successo WCAG ma sono pratiche accettate nel settore che migliorano l'esperienza utente
• Impatto (Critico, Grave, Moderato e Minore): Categorie di impatto dei problemi

I problemi sono raggruppati per "regola". Per ogni regola violata, sarà disponibile un pulsante espandibile con la descrizione della regola per esaminare i problemi riscontrati.

Per ogni problema, sono disponibili i seguenti elementi:

• Descrizione del problema
• "Evidenzia" (interruttore che evidenzia l'elemento sulla pagina)
• "Condividi Problema" (genera una pagina condivisibile dedicata al problema specifico trovato contenente tutti i dati del problema insieme a uno screenshot)
• Collegamento alla pagina di aiuto dedicata per la regola data ("maggiori informazioni")
• "Posizione dell'elemento" (il selettore CSS generato per l'elemento con il problema di accessibilità)
• "Ispeziona Elemento" (ti permette di ispezionare l'elemento nel pannello degli elementi degli strumenti per sviluppatori)
• Codice sorgente dell'elemento
• Guida alla correzione (informazioni su come risolvere il problema)

Salvataggio dei Risultati

Gli utenti con un abbonamento "Pro" potranno salvare i loro risultati utilizzando il pulsante "Salva Test". Una volta cliccato, ti verrà chiesto di dare un nome al tuo registro di test. Dopodiché, Test Guidati Intelligenti (IGT) saranno disponibili per portare i tuoi test al livello successivo! I registri di test salvati sono registri persistenti in cui verranno archiviati tutti i tuoi dati di test. Puoi sempre trovare i tuoi test salvati cliccando sulla voce di menu "visualizza test salvati" nella barra dei menu superiore.