Report Dettagliato
Cos'è la pagina Report Dettagliato?
La pagina Report Dettagliato mostra tutti i dettagli di una singola scansione di accessibilità. Qui puoi vedere tutti i problemi trovati sulla pagina, le statistiche, le raccomandazioni per risolverli e le informazioni tecniche per gli sviluppatori.
Come accedere?
Puoi accedere a un report dettagliato in diversi modi:
- Dalla pagina Scansioni: clicca sul pulsante "Visualizza report" accanto a una scansione completata
- Dalla pagina Sitemap: clicca sul pulsante "Visualizza report" accanto a una URL scansionata
- Dalla pagina Problemi: clicca su un problema per vedere il report della scansione associata
Informazioni sulla Scansione
Nella parte superiore del report vedi tre informazioni principali:
URL Analizzato
L'indirizzo completo della pagina che è stata scansionata. Puoi cliccare su questo link per aprire la pagina nel browser.
Data Scansione
La data e l'ora in cui è stata eseguita la scansione. Questo ti aiuta a capire quando sono stati rilevati i problemi.
Problemi Totali
Il numero totale di problemi trovati sulla pagina. Include tutti i tipi: critici, warning e informazioni.
Statistiche per Severità
Questa sezione mostra come sono distribuiti i problemi in base alla loro gravità:
Critici
Il numero di problemi critici trovati. Questi sono i problemi più gravi che impediscono o rendono molto difficile l'accesso al contenuto per gli utenti con disabilità. Devono essere risolti prioritariamente.
Avvertimenti
Il numero di problemi di warning trovati. Questi problemi riducono l'usabilità ma non impediscono completamente l'accesso. È consigliabile risolverli per migliorare l'esperienza degli utenti.
Informazioni
Il numero di suggerimenti informativi trovati. Questi sono consigli per migliorare l'accessibilità che non sono critici ma possono rendere il sito ancora più accessibile.
Conformità WCAG
Questa sezione mostra quanti problemi violano i diversi livelli degli standard WCAG:
Livello A
Il numero di problemi che violano il livello A di WCAG. Il livello A è il livello base di accessibilità e include i requisiti fondamentali.
Livello AA
Il numero di problemi che violano il livello AA di WCAG. Il livello AA è il livello standard raccomandato per la maggior parte dei siti web e quello richiesto per la conformità EAA.
Nota: Un problema può violare entrambi i livelli, quindi i numeri possono sovrapporsi.
Dettaglio Problemi
Questa è la sezione principale del report, dove vedi tutti i problemi trovati organizzati in modo chiaro.
Organizzazione dei Problemi
I problemi sono organizzati in questo ordine:
- Problemi Critici - Prima di tutto
- Avvertimenti - Dopo i critici
- Informazioni - Alla fine
All'interno di ogni sezione, i problemi sono raggruppati per tipo. Ad esempio, tutti i problemi relativi alle immagini sono raggruppati insieme.
Informazioni per Ogni Problema
Per ogni problema vedi:
Descrizione del Problema
Una descrizione chiara di cosa è il problema e perché è importante. Questa descrizione ti aiuta a capire cosa deve essere sistemato.
Severità
Un badge colorato che indica la severità del problema:
- Critico: Rosso - Richiede attenzione immediata
- Avvertimento: Giallo/Arancione - È consigliabile risolvere
- Informazione: Blu - Suggerimento per miglioramenti
Livello WCAG
Un badge che indica quale livello WCAG viene violato (A o AA).
Raccomandazione
Una spiegazione dettagliata di come risolvere il problema. Questa è la parte più importante perché ti dice esattamente cosa fare.
Riferimenti
Due riferimenti importanti:
- WCAG: Il riferimento agli standard WCAG che questo problema viola
- EAA: Il riferimento agli standard EAA (European Accessibility Act) che questo problema viola
Questi riferimenti sono utili se devi documentare la conformità o se vuoi approfondire gli standard.
Dettagli Tecnici
Informazioni tecniche per gli sviluppatori:
-
Selettore: Il selettore CSS che identifica l'elemento problematico nella pagina. Questo aiuta gli sviluppatori a trovare esattamente dove si trova il problema nel codice.
-
HTML: Il codice HTML dell'elemento problematico. Questo mostra esattamente come è strutturato l'elemento e aiuta a capire cosa modificare.
Nota: Non tutti i problemi hanno il codice HTML, dipende dal tipo di problema.
Quando Non Ci Sono Problemi
Se la pagina non ha problemi di accessibilità, vedrai un messaggio di congratulazioni con un'icona di spunta verde. Questo significa che la pagina è accessibile e rispetta gli standard!
Funzioni Disponibili
Re-Scan (Nuova Scansione)
Il pulsante "Scansiona" nella parte superiore ti permette di eseguire una nuova scansione della stessa pagina. Questo è utile se:
- Hai risolto alcuni problemi e vuoi verificare i miglioramenti
- Vuoi aggiornare il report con i dati più recenti
- La pagina è stata modificata e vuoi vedere se ci sono nuovi problemi
Nota: la nuova scansione dalla pagina report è disponibile per Starter e Pro.
Quando clicchi "Scansiona", viene avviata una nuova scansione. Al completamento, verrai automaticamente portato al nuovo report.
Torna alle Scansioni
Il pulsante con la freccia indietro (←) nella parte superiore sinistra ti porta alla pagina Scansioni, dove puoi vedere tutte le scansioni effettuate.
Stampa del Report
Il report è ottimizzato per la stampa. Puoi:
- Usare la funzione di stampa del browser (Ctrl+P o Cmd+P)
- Salvare come PDF dalla finestra di stampa
- Condividere il report stampato con il tuo team
Quando stampi, gli elementi non necessari (come i pulsanti di navigazione) vengono automaticamente nascosti per una migliore leggibilità.
Come Usare il Report
Ecco un flusso di lavoro consigliato per usare il report:
-
Inizia dai problemi critici: Questi sono i più importanti e devono essere risolti per primi.
-
Leggi le raccomandazioni: Ogni problema ha una raccomandazione che spiega come risolverlo. Segui queste indicazioni.
-
Usa i dettagli tecnici: Se sei uno sviluppatore, usa il selettore e l'HTML per trovare esattamente dove si trova il problema nel codice.
-
Verifica i riferimenti: Se hai bisogno di approfondire, consulta i riferimenti WCAG ed EAA.
-
Risolvi i problemi: Modifica il codice della pagina per risolvere i problemi.
-
Esegui una nuova scansione: Dopo aver risolto i problemi, esegui una nuova scansione per verificare che siano stati risolti correttamente.
-
Ripeti per i warning: Una volta risolti i problemi critici, passa ai warning e poi alle informazioni.
Suggerimenti Utili
-
Concentrati sui critici: I problemi critici hanno la massima priorità. Risolvili prima di tutto.
-
Usa i raggruppamenti: I problemi raggruppati per tipo ti aiutano a risolvere problemi simili tutti insieme, il che è più efficiente.
-
Salva il report: Se devi condividere il report con altri o conservarlo per riferimento, usa la funzione di stampa per salvarlo come PDF.
-
Documenta i miglioramenti: Esegui scansioni regolari e confronta i report per vedere i miglioramenti nel tempo.
-
Condividi con il team: I report sono perfetti per condividere con sviluppatori, designer e stakeholder per mostrare cosa deve essere sistemato.
-
Usa i riferimenti: I riferimenti WCAG ed EAA sono utili se devi documentare la conformità o se vuoi approfondire gli standard.
Permessi Richiesti
- Visualizzazione report: Starter e Pro
- Nuova scansione dal report della singola pagina: Starter e Pro
Il piano Starter non include export su file dalla pagina Report globale né il widget esterno; qui stiamo parlando solo del report di una scansione e del pulsante per rieseguirla.
Quando il Report Non Esiste
Se cerchi di accedere a un report che non esiste o è stato eliminato, vedrai un messaggio che ti informa che il report non è stato trovato. Puoi cliccare sul pulsante "Torna alle scansioni" per tornare alla lista delle scansioni.
Informazioni nel Footer
In fondo al report vedi:
- La data di generazione del report
- Un link per maggiori informazioni sulla conformità EAA
Queste informazioni sono utili per documentare quando è stato generato il report e per trovare risorse aggiuntive.