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, fare clic su „Scansione parziale della pagina“ ti permetterà di selezionare un componente specifico o un'area della pagina all'interno della quale eseguire la scansione. Ciò significa che verrà eseguita una scansione completamente isolata solo all'interno dell'elemento selezionato (tutti i contenuti al di fuori del componente selezionato verranno effettivamente ignorati). Per effettuare una selezione dell'elemento, puoi utilizzare il mouse per puntare e fare clic su qualsiasi elemento della pagina oppure utilizzare il „Selettore Elemento“ compatibile con la tecnologia assistiva per effettuare una selezione con la tastiera (senza bisogno del mouse). Vedi Selezionare gli elementi per i dettagli. Una volta effettuata la selezione dell'elemento, puoi fare clic su Scansione che ti porterà poi alla 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.