Scansione per problemi di accessibilità

Con axe DevTools eseguire scansioni di accessibilità automatiche è facile e veloce. Sono disponibili 2 tipi di scansioni di accessibilità:

• Scansione a pagina intera
• Scansione parziale della pagina

Scansione a pagina intera

Dalla schermata iniziale dell'estensione, cliccando su "Scansione pagina intera" verrà eseguita una scansione automatica [axe-core] dell'intera pagina(https://github.com/dequelabs/axe-core) . Una volta completata la scansione, potrai esaminarne i risultati.

Scansione parziale della pagina

Dalla schermata iniziale dell'estensione, cliccando su "Scansione pagina parziale" potrai selezionare un componente specifico o un'area della pagina in cui eseguire la scansione. Ciò significa che verrà eseguita una scansione completamente isolata solo all'interno dell'elemento selezionato (tutto il contenuto esterno al componente selezionato verrà di fatto ignorato). Per selezionare un elemento, puoi usare il mouse per puntare e cliccare su qualsiasi elemento della pagina oppure usare lo "Selettore di Elementi" compatibile con le tecnologie assistive per selezionare un elemento con una tastiera (non è necessario il mouse). Una volta effettuata la selezione dell'elemento, puoi cliccare su Scansiona, che ti porterà ai risultati della scansione.

Risultati

Nella "Panoramica" dei risultati vengono visualizzati i problemi di accessibilità rilevati durante una scansione. Viene visualizzato l'URL in cui è stata eseguita la scansione insieme a un controllo per "Rieseguire" la scansione. Al di sotto, per le scansioni parziali della pagina, l'elemento selezionato verrà visualizzato con un controllo "Highlight" per evidenziare l'elemento/componente selezionato sulla pagina. Successivamente, troverai i riepiloghi dei problemi contenenti il numero totale di problemi rilevati insieme al numero di ripartizioni che fungono da "filtri" per visualizzare tipi o categorie di problemi specifici:

• "PROBLEMI AUTOMATICI": problemi rilevati durante una scansione automatica
• "PROBLEMI GUIDATI": Problemi riscontrati durante Test guidati intelligenti
• "Necessita di revisione": potenziali problemi che axe-core non è stato in grado di determinare con assoluta certezza fossero problemi reali. Ciò può verificarsi spesso con i calcoli del contrasto di colore del testo su immagini di sfondo o gradienti complessi.
• Best Practice: Problemi che non sono necessariamente conformi al criterio di successo WCAG ma sono pratiche accettate dal settore che migliorano l'esperienza dell'utente
• Impatto (critico, grave, moderato e minore): Categorie di impatto del problema

I problemi vengono raggruppati in base alla loro "regola". Per ogni regola violata sarà disponibile un pulsante espandibile con la descrizione della regola, che consente di approfondire i problemi riscontrati.

Per ogni problema è disponibile:

• Descrizione del problema
• "Evidenzia" (attiva/disattiva l'evidenziazione dell'elemento sulla pagina)
• "Condividi problema" (genera una pagina condivisibile dedicata al problema specifico trovato contenente tutti i dati del problema insieme a uno screenshot)
• Link alla pagina di aiuto dedicata alla regola specificata ("ulteriori informazioni")
• "Posizione dell'elemento" (il selettore CSS generato per l'elemento con il problema di accessibilità)
• "Ispeziona elemento" (consente di ispezionare l'elemento nel pannello elementi degli strumenti per sviluppatori)
• Codice sorgente dell'elemento
• Guida alla rimediare (informazioni su come risolvere il problema)

Salvataggio dei risultati

Gli utenti con un abbonamento "Pro" potranno salvare i risultati utilizzando il pulsante "Salva test". Una volta cliccato, ti verrà chiesto di dare un nome al tuo record di test. Dopodiché, saranno disponibili gli Intelligent Guided Tests (IGT) per portare i tuoi test a un livello superiore! I record dei test salvati sono record persistenti in cui verranno archiviati tutti i dati dei test. Puoi sempre ritrovare i test salvati cliccando sulla voce di menu "Visualizza test salvati" nella barra dei menu in alto.