Pagina Problemi
Cos'è la Pagina Problemi?
La pagina Problemi è dove puoi vedere tutti i problemi di accessibilità trovati durante le scansioni del tuo sito. I problemi sono organizzati per tipo e severità, così puoi capire facilmente cosa sistemare e dove intervenire.
Cosa trovi nella Pagina Problemi?
La pagina è organizzata in diverse sezioni:
- Statistiche Rapide - Cinque card con i numeri principali
- Filtri e Ricerca - Per trovare problemi specifici (solo PRO)
- Lista Problemi - Organizzati per severità (Critici, Warning, Info)
Statistiche Rapide
Nella parte superiore della pagina vedi cinque card con le statistiche principali:
Totale Problemi
Questa card mostra il numero totale di problemi trovati in tutte le scansioni. È il numero complessivo di tutti i problemi, indipendentemente dalla severità.
Problemi Critici
Questa card mostra quanti problemi critici ci sono. I problemi critici sono i più importanti da risolvere perché impediscono o rendono molto difficile l'accesso al contenuto.
Problemi Warning
Questa card mostra quanti problemi warning ci sono. I warning rendono l'uso del sito più difficile ma non lo bloccano completamente.
Problemi Info
Questa card mostra quanti problemi informativi ci sono. Questi sono suggerimenti e best practice per migliorare l'accessibilità.
Livelli WCAG
Questa card mostra la distribuzione dei problemi per livello WCAG:
- A: Problemi che violano i requisiti base (Level A)
- AA: Problemi che violano i requisiti standard (Level AA)
Filtri e Ricerca
Disponibile solo per: Piano PRO o superiore
Se hai un piano PRO o ENTERPRISE, puoi usare i filtri per trovare problemi specifici.
Ricerca
Il campo di ricerca ti permette di cercare problemi per:
- Descrizione del problema
- Raccomandazione
- Selettore elemento
- Riferimento WCAG
Come usarlo:
- Digita il testo che vuoi cercare nel campo di ricerca
- I risultati si aggiornano automaticamente mentre digiti
- La ricerca è case-insensitive (non distingue maiuscole/minuscole)
Filtro per Severità
Il menu a tendina ti permette di filtrare i problemi per severità:
- Tutti: Mostra tutti i problemi
- Critici: Mostra solo i problemi critici
- Warning: Mostra solo i problemi warning
- Info: Mostra solo i problemi informativi
Come usarlo:
- Clicca sul menu a tendina
- Scegli la severità che vuoi vedere
- La lista si aggiorna automaticamente
Lista Problemi
I problemi sono organizzati in tre sezioni principali, ordinate per importanza:
Sezione Problemi Critici
Questa sezione mostra tutti i problemi critici trovati. Sono i più importanti da risolvere.
Caratteristiche:
- Colore rosso per indicare l'urgenza
- Icona triangolo di allerta
- Badge con il numero di problemi critici
Sezione Problemi Warning
Questa sezione mostra tutti i problemi warning trovati. Sono importanti ma meno urgenti dei critici.
Caratteristiche:
- Colore giallo per indicare attenzione
- Icona cerchio di allerta
- Badge con il numero di problemi warning
Sezione Problemi Info
Questa sezione mostra tutti i problemi informativi trovati. Sono suggerimenti utili ma non urgenti.
Caratteristiche:
- Colore blu per indicare informazione
- Icona informazione
- Badge con il numero di problemi info
Card Problema
Ogni problema è mostrato in una card con tutte le informazioni necessarie.
Header della Card
Nell'header della card vedi:
- Tipo di problema: Il nome del tipo di problema (es: "immagine_mancante_alt")
- Numero di errori: Quanti errori di questo tipo sono stati trovati
- Severità: Badge colorato che indica la severità (Critico, Warning, Info)
- Livello WCAG: Badge che indica il livello WCAG (A o AA)
- Pagine interessate: Quante pagine hanno questo problema
Contenuto della Card
Nel contenuto della card vedi:
Descrizione del Problema
- Una descrizione chiara di cosa è il problema
- Icona colorata in base alla severità
Raccomandazione
- Una spiegazione di come risolvere il problema
- Suggerimenti pratici per sistemarlo
Riferimenti
- Riferimento WCAG: Il riferimento alle linee guida WCAG
- Riferimento EAA: Il riferimento alle linee guida EAA
- Pagine interessate: Il numero di pagine che hanno questo problema
Pagine e Scansioni
- Lista delle prime 5 pagine che hanno questo problema
- Per ogni pagina vedi:
- Titolo della pagina (o hostname se non disponibile)
- URL completo
- Pulsante "Report" per vedere il report dettagliato di quella pagina
- Se ci sono più di 5 pagine, vedi un messaggio che indica quante altre pagine ci sono
Esempi di Codice
- Fino a 3 esempi di codice che mostrano dove si trova il problema
- Per ogni esempio vedi:
- Titolo della pagina dove è stato trovato
- Selettore elemento (dove si trova nel codice)
- HTML dell'elemento (il codice HTML effettivo)
Azioni Disponibili
Per ogni problema puoi eseguire diverse azioni:
Escludi (solo ENTERPRISE)
- Esclude questo tipo di problema dal reporting
- Utile quando hai risolto il problema e non vuoi più vederlo nei report
- Il pulsante è disabilitato se il problema è già escluso
Includi (solo ENTERPRISE)
- Include di nuovo questo tipo di problema nel reporting
- Utile se hai escluso un problema per errore o se è ricomparso
- Il pulsante è disabilitato se il problema non è escluso
Scansiona (solo ENTERPRISE)
- Esegue una nuova scansione di tutte le pagine che hanno questo problema
- Utile per verificare se hai risolto il problema dopo aver fatto modifiche
- Mostra una barra di progresso durante la scansione
- Al termine mostra un riepilogo con i risultati
Visualizza Tutti
- Apre una pagina dettagliata con tutti gli errori di questo tipo
- Mostra tutti gli esempi e tutte le pagine interessate
- Utile per vedere tutti i dettagli in un'unica pagina
Barra di Progresso
Quando esegui una scansione batch (pulsante "Scansiona"), vedi una barra di progresso fissa in basso alla pagina.
Cosa mostra:
- Titolo: "Scansione in corso"
- Progresso: Numero di scansioni completate / totale (es: "3/10")
- Barra: Barra visiva che mostra la percentuale di completamento
- URL corrente: Quale pagina sta scansionando in questo momento
La barra rimane visibile fino al completamento di tutte le scansioni.
Stati della Pagina
Caricamento
Quando la pagina si sta caricando, vedi uno spinner animato e il messaggio "Caricamento...". Attendi che finisca il caricamento prima di usare i filtri.
Nessun Problema
Se non ci sono problemi (o i filtri non mostrano risultati), vedi un messaggio con:
- Icona di spunta verde
- Titolo: "Nessun problema trovato"
- Descrizione che spiega perché non ci sono problemi
Nessuna Scansione
Se non hai ancora fatto nessuna scansione, non vedrai problemi. In questo caso:
- Vai alla Dashboard
- Fai una scansione del tuo sito
- Torna alla pagina Problemi per vedere i risultati
Come usare la Pagina Problemi
1. Inizia dai Problemi Critici
I problemi critici sono i più importanti. Inizia sempre da quelli:
- Vai alla sezione "Problemi Critici"
- Leggi la descrizione e la raccomandazione
- Guarda gli esempi di codice per capire dove intervenire
- Risolvi il problema nel tuo sito
- (Opzionale) Usa "Scansiona" per verificare che sia stato risolto
2. Usa i Filtri per Trovare Problemi Specifici
Se stai cercando un problema specifico:
- Usa il campo di ricerca per cercare per parola chiave
- Oppure usa il filtro per severità per vedere solo critici, warning o info
- Combina ricerca e filtro per risultati più precisi
3. Escludi Problemi Risolti
Dopo aver risolto un problema:
- Clicca su "Escludi" per rimuoverlo dai report
- Il problema non apparirà più nelle statistiche
- Se il problema ricompare in futuro, puoi usare "Includi" per rimetterlo
4. Verifica le Correzioni
Dopo aver fatto modifiche al sito:
- Clicca su "Scansiona" per il problema che hai corretto
- Attendi che la scansione finisca
- Controlla se il problema è stato risolto
5. Vedi i Dettagli Completi
Per vedere tutti i dettagli di un problema:
- Clicca su "Visualizza Tutti"
- Vedi tutte le pagine interessate
- Vedi tutti gli esempi di codice
- Hai una visione completa del problema
Suggerimenti
Priorità
- Prima i critici: Risolvi sempre i problemi critici per primi
- Poi i warning: Dopo i critici, passa ai warning
- Infine gli info: I suggerimenti info possono aspettare
Organizzazione
- Usa i filtri: I filtri ti aiutano a concentrarti su ciò che ti interessa
- Raggruppa per tipo: I problemi sono già raggruppati per tipo, così puoi risolvere tutti quelli simili insieme
- Conta le pagine: Il numero di pagine interessate ti dice quanto è diffuso il problema
Verifica
- Scansiona dopo le correzioni: Usa il pulsante "Scansiona" per verificare che le tue correzioni funzionino
- Escludi solo quando sicuro: Escludi un problema solo quando sei sicuro di averlo risolto completamente
- Controlla più pagine: Se un problema appare su molte pagine, potrebbe essere un problema sistemico da risolvere una volta per tutte
Domande Frequenti
Perché alcuni problemi appaiono più volte?
I problemi sono raggruppati per tipo e descrizione. Se vedi lo stesso problema su più pagine, viene mostrato una sola volta con il numero di pagine interessate. Questo ti permette di vedere l'impatto complessivo del problema.
Cosa significa "Pagine interessate"?
"Pagine interessate" indica quante pagine diverse hanno questo problema. Se vedi "5 pagine", significa che questo problema è stato trovato su 5 pagine diverse del tuo sito.
Posso escludere un problema da una singola pagina?
No, l'esclusione funziona per tipo di problema. Se escludi un problema, viene escluso da tutte le pagine. Se vuoi gestire problemi singoli, usa la pagina di dettaglio del problema.
Cosa succede quando escludo un problema?
Quando escludi un problema:
- Non appare più nelle statistiche
- Non viene conteggiato nei report
- Puoi sempre ri-includerlo con il pulsante "Includi"
Quanto tempo ci vuole per scansionare tutte le pagine?
Dipende da quante pagine hanno il problema. La barra di progresso ti mostra il progresso in tempo reale. Ogni pagina viene scansionata una alla volta.
Posso vedere tutti gli esempi di codice?
Sì! Clicca su "Visualizza Tutti" per vedere una pagina dettagliata con tutti gli esempi e tutte le pagine interessate.
Conclusione
La pagina Problemi è il tuo centro di controllo per gestire tutti i problemi di accessibilità del tuo sito. Ti aiuta a capire cosa sistemare, dove intervenire e come verificare le correzioni. Usa i filtri per trovare problemi specifici, inizia sempre dai critici, e verifica sempre le tue correzioni con nuove scansioni.