← Home · Strumenti

Strumento gratuito

Controllo struttura titoli

Inserisci un URL e verificheremo la gerarchia dei titoli — un <h1> mancante o un livello saltato (ad esempio da <h2> direttamente a <h4>) rompe la struttura su cui si basano gli utenti di screen reader per orientarsi nella pagina.

Perché la struttura dei titoli è importante

Gli utenti di screen reader spesso navigano una pagina saltando tra i titoli (h1–h6), in modo simile a come gli utenti vedenti scansionano visivamente la struttura della pagina. Il criterio WCAG 1.3.1 (livello A) richiede che i titoli trasmettano una struttura logica e determinabile a livello di programma. Un h1 mancante lascia la pagina senza un punto di riferimento principale; i livelli saltati rompono la struttura su cui gli utenti si basano per capire come le sezioni si relazionano tra loro.

FAQ
Una pagina può avere più di un h1?
WCAG non vieta esplicitamente più h1, ma la buona pratica comune — e ciò che si aspettano la maggior parte degli utenti di screen reader — è un singolo h1 che identifica il contenuto principale della pagina, con h2–h6 usati per le sottosezioni.
Cosa si intende per livello di titolo "saltato"?
Scendere di più di un livello, ad esempio passare da h2 direttamente a h4 senza un h3 intermedio. Tornare a un livello superiore (da h4 a h2) all'inizio di una nuova sezione è normale; il problema è saltare verso il basso.
Perché l'ordine dei titoli è importante se il design visivo sembra corretto?
Gli utenti vedenti percepiscono la gerarchia visiva tramite dimensione del carattere e spaziatura, indipendentemente dal tag sottostante. Gli utenti di screen reader si affidano interamente alla struttura dei tag (h1–h6) per costruire una mappa mentale della pagina e saltare tra le sezioni — un titolo visivo formattato via CSS ma marcato come <div>, oppure un livello saltato, rompe completamente questo meccanismo.

I titoli sono solo uno dei 19 controlli

Ottieni un report WCAG completo per questo sito — testo alternativo, etichette dei moduli, testo dei link, contrasto e altro — in un'unica scansione gratuita, senza registrazione.

Esegui una scansione completa gratuita →

Controllo testo alternativo · Controllo testo dei link · Contrasto colore · Metodologia