Passa al contenuto principale

Pagina Dettaglio Problema

Cos'è la Pagina Dettaglio Problema?​

La pagina Dettaglio Problema mostra tutti gli errori specifici di un tipo di problema. Quando clicchi su "Visualizza Tutti" nella pagina Problemi, vieni portato qui per vedere tutti i dettagli, tutte le pagine interessate e tutti gli esempi di codice.

Come accedere a questa pagina?​

Puoi accedere a questa pagina in due modi:

  1. Dalla pagina Problemi: Clicca sul pulsante "Visualizza Tutti" su una card problema
  2. Link diretto: L'URL contiene l'ID del gruppo problema

Cosa trovi nella Pagina Dettaglio?​

La pagina è organizzata in diverse sezioni:

  1. Header - Informazioni sul problema e link per tornare indietro
  2. Filtro per Selettore - Per filtrare errori per selettore CSS (solo PRO)
  3. Lista Errori - Tutti gli errori del gruppo con dettagli completi
  4. Paginazione - Per navigare tra gli errori se ce ne sono molti

Header della Pagina​

Nell'header della pagina vedi:

In alto a sinistra c'è una freccia che ti permette di tornare alla pagina Problemi principale.

Informazioni del Problema​

  • Titolo: Il tipo di problema (es: "immagine_mancante_alt")
  • Descrizione: La descrizione completa del problema
  • Badge Severità: Badge colorato che indica se è Critico, Warning o Info
  • Numero Errori Unici: Quanti errori unici ci sono (dopo la deduplicazione)

Pulsante Scansiona​

Disponibile solo per: Piano ENTERPRISE

Il pulsante "Scansiona" ti permette di eseguire una nuova scansione di tutte le pagine che hanno questo problema. Utile per verificare se hai risolto il problema dopo aver fatto modifiche.

Filtro per Selettore​

Disponibile solo per: Piano PRO o superiore

Il filtro per selettore ti permette di vedere solo gli errori che hanno un determinato selettore CSS.

Come funziona​

Il selettore CSS è il percorso che identifica dove si trova l'elemento nel codice della pagina. Ad esempio:

  • #header img - Immagini nell'header
  • .menu a - Link nel menu
  • form input - Campi input nei form

Come usare il filtro​

  1. Apri il menu a tendina del filtro
  2. Scegli un selettore dalla lista
  3. La lista si aggiorna mostrando solo gli errori con quel selettore
  4. Vedi il numero di risultati sotto il filtro
  5. Clicca "Rimuovi filtro" per vedere tutti gli errori di nuovo

Suggerimento: Usa il filtro quando vuoi concentrarti su errori specifici in una parte particolare del sito.

Lista Errori​

La lista mostra tutti gli errori del gruppo, uno per card. Gli errori identici (stesso selettore e stesso HTML) vengono mostrati una sola volta per evitare duplicati.

Card Errore​

Ogni errore è mostrato in una card con tutte le informazioni:

Header della Card:

  • Numero errore: "Errore #1", "Errore #2", ecc.
  • Icona severità: Icona colorata in base alla severità
  • Badge severità: Critico, Avviso o Info
  • Badge "Escluso": Se l'errore è stato escluso, vedi un badge verde

Informazioni:

  • URL: Link alla pagina dove è stato trovato l'errore (si apre in nuova scheda)
  • Scansione: Titolo della scansione da cui proviene l'errore
  • Livello WCAG: Il livello WCAG dell'errore (A o AA)

Elemento:

  • Selettore: Il selettore CSS che identifica l'elemento
  • HTML: Il codice HTML effettivo dell'elemento problematico
  • Puoi scrollare l'HTML se è lungo

Raccomandazione:

  • Una spiegazione di come risolvere questo errore specifico
  • Suggerimenti pratici per sistemarlo

Paginazione​

Se ci sono più di 50 errori, vedi una barra di paginazione in basso alla pagina.

Come funziona​

  • 50 errori per pagina: Ogni pagina mostra massimo 50 errori
  • Navigazione: Puoi andare avanti e indietro tra le pagine
  • Numeri pagina: Vedi fino a 5 numeri di pagina alla volta
  • Contatore: Vedi "Mostrando 1-50 di 150 errori unici"

Come usare la paginazione​

  • Pulsante "Precedente": Vai alla pagina precedente (disabilitato se sei alla prima pagina)
  • Numeri pagina: Clicca su un numero per andare direttamente a quella pagina
  • Pulsante "Successivo": Vai alla pagina successiva (disabilitato se sei all'ultima pagina)

Suggerimento: La paginazione si resetta quando cambi filtro, così parti sempre dalla prima pagina.

Barra di Progresso​

Quando esegui una scansione (pulsante "Scansiona"), vedi una barra di progresso fissa in basso alla pagina.

Cosa mostra:

  • Titolo: "Scansione pagine 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.

Deduplicazione Automatica​

La pagina rimuove automaticamente gli errori duplicati. Se lo stesso errore (stesso selettore e stesso HTML) appare più volte, viene mostrato una sola volta.

Perché è utile:

  • Evita di vedere lo stesso errore ripetuto centinaia di volte
  • Ti permette di concentrarti sugli errori unici
  • Riduce il numero di errori da gestire

Come funziona:

  • Due errori sono considerati identici se hanno:
    • Lo stesso selettore CSS
    • Lo stesso codice HTML
  • Viene mostrato solo il primo errore trovato

Stati della Pagina​

Caricamento​

Quando la pagina si sta caricando, vedi uno spinner animato e il messaggio "Caricamento...". Attendi che finisca il caricamento.

Nessun Errore​

Se non ci sono errori (o il filtro non mostra risultati), vedi un messaggio con:

  • Icona di allerta
  • Titolo: "Nessun errore trovato"
  • Descrizione che spiega perché non ci sono errori
  • Link per tornare alla pagina Problemi

Errore nel Caricamento​

Se c'è un errore nel caricamento, la pagina mostra un messaggio di errore. Prova a ricaricare la pagina.

Come usare la Pagina Dettaglio​

1. Vedi tutti i Dettagli​

Questa pagina ti mostra tutti i dettagli di ogni errore:

  • Dove si trova esattamente (selettore)
  • Come appare nel codice (HTML)
  • Su quale pagina è stato trovato
  • Come risolverlo (raccomandazione)

2. Usa il Filtro per Concentrarti​

Se ci sono molti errori:

  1. Usa il filtro per selettore per vedere solo errori specifici
  2. Risolvi tutti gli errori con lo stesso selettore insieme
  3. Rimuovi il filtro e passa al prossimo gruppo

3. Verifica le Correzioni​

Dopo aver fatto modifiche:

  1. Clicca su "Scansiona" per verificare se gli errori sono stati risolti
  2. Attendi che la scansione finisca
  3. Controlla se il numero di errori è diminuito

4. Naviga tra le Pagine​

Se ci sono molti errori:

  1. Usa la paginazione per vedere tutti gli errori
  2. Risolvi gli errori pagina per pagina
  3. Torna alla pagina Problemi per vedere i progressi complessivi

Suggerimenti​

Organizzazione​

  • Inizia dalla prima pagina: Gli errori sono ordinati, inizia dal primo
  • Usa il filtro: Se sai che un errore è in una parte specifica del sito, usa il filtro per selettore
  • Lavora per gruppi: Risolvi tutti gli errori con lo stesso selettore insieme

Verifica​

  • Scansiona dopo le correzioni: Usa il pulsante "Scansiona" per verificare che le tue correzioni funzionino
  • Controlla il numero: Se il numero di errori unici diminuisce, stai facendo progressi
  • Verifica più pagine: Se un errore appare su molte pagine, potrebbe essere un problema sistemico

Dettagli​

  • Leggi le raccomandazioni: Ogni errore ha una raccomandazione specifica su come risolverlo
  • Guarda l'HTML: L'HTML ti mostra esattamente cosa c'è nel codice
  • Usa il selettore: Il selettore ti dice dove trovare l'elemento nel codice

Domande Frequenti​

Perché vedo meno errori qui che nella pagina Problemi?​

La pagina Dettaglio deduplica automaticamente gli errori identici. Se lo stesso errore (stesso selettore e HTML) appare su più pagine, viene mostrato una sola volta. Nella pagina Problemi vedi il numero totale, qui vedi solo gli errori unici.

Cosa significa "Errori Unici"?​

"Errori Unici" significa errori che sono diversi tra loro. Se lo stesso errore appare 10 volte, viene contato come 1 errore unico. Questo ti aiuta a capire quanti tipi diversi di errori devi risolvere.

Posso vedere tutti gli errori senza paginazione?​

No, la paginazione è necessaria quando ci sono più di 50 errori per mantenere la pagina veloce e gestibile. Puoi navigare tra le pagine usando i pulsanti di paginazione.

Il filtro per selettore funziona su tutti gli errori?​

Sì, il filtro funziona su tutti gli errori del gruppo, non solo quelli della pagina corrente. Quando cambi filtro, la paginazione si resetta e parti dalla prima pagina.

Cosa succede se escludo un errore?​

Se escludi un errore dalla pagina Problemi principale, qui vedrai un badge "Escluso" sull'errore. L'errore non verrà più conteggiato nelle statistiche.

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.

Conclusione​

La pagina Dettaglio Problema ti dà una visione completa di tutti gli errori di un tipo specifico. Usa questa pagina per vedere tutti i dettagli, filtrare per concentrarti su errori specifici, e verificare le tue correzioni con nuove scansioni. È lo strumento perfetto per risolvere sistematicamente i problemi di accessibilità del tuo sito.