Linee Guida

I titoli ci guidano attraverso il contenuto

I titoli non sono importanti solo per l’aspetto, ma anche per la struttura dei contenuti. Una corretta gerarchia dei titoli consente di presentare il contenuto in gruppi logici, migliorando la comprensione, riducendo lo sforzo di lettura e contribuendo a una migliore esperienza utente. Inoltre, una struttura chiara dei titoli è utile anche ai motori di ricerca, poiché facilita la comprensione del contenuto della pagina.
Vrsta: Accessibilità digitale
Zahtevnost: Base
Autore: Andreja Bevc
Pubblicato:
Aggiornato:
Deli na:

Smernica pokriva oviranosti:

Contenuto a cura di:
Istituto per l’accessibilità digitale A11Y.si

I titoli non sono importanti solo per l’aspetto, ma anche per la struttura dei contenuti. Una corretta gerarchia dei titoli consente di presentare il contenuto in gruppi logici, migliorando la comprensione, riducendo lo sforzo di lettura e contribuendo a una migliore esperienza utente. Inoltre, una struttura chiara dei titoli è utile anche ai motori di ricerca, poiché facilita la comprensione del contenuto della pagina.

Esempio di struttura gerarchica dei titoli:

Rappresentazione grafica della corretta sequenza dei titoli da H1 a H3 senza livelli omessi
Suggerimento: I titoli devono essere definiti con i corretti livelli stilistici (titolo 1, titolo 2, …) e non solo con caratteri più grandi o una formattazione in evidenza, poiché solo così mantengono il loro significato per le tecnologie assistive e la struttura dei contenuti.

Per quali utenti sono particolarmente importanti i titoli correttamente strutturati?

I titoli chiari e correttamente strutturati sono fondamentali per:

  • le persone con disabilità visive che utilizzano lettori di schermo e si spostano spesso all’interno dei contenuti seguendo i titoli,
  • gli utenti che navigano sul web utilizzando la tastiera e che, grazie ai titoli, si spostano più rapidamente tra le diverse parti del contenuto,
  • gli utenti con determinate disabilità cognitive, per i quali una struttura chiara favorisce la comprensione e l’orientamento.

Allo stesso tempo, i titoli ben strutturati sono utili anche al pubblico in generale, poiché consentono una visione d’insieme del contenuto più chiara, comprensibile e meno faticosa, soprattutto nel caso di testi più lunghi, informazioni complesse o ricerche frequenti di dati specifici.

A cosa dobbiamo prestare attenzione quando utilizziamo i titoli?

Nell’organizzazione dei contenuti utilizziamo i titoli come strumento principale per strutturare il testo. Il numero di titoli e la profondità dei singoli livelli dipendono dalla lunghezza e dalla complessità del contenuto, ma la struttura deve sempre essere logica e chiara.

A tal proposito è importante tenere conto dei seguenti principi:

  • i titoli hanno un ruolo strutturale e non sono destinati esclusivamente all’evidenziazione visiva del testo,
  • la gerarchia dei titoli deve seguire la logica dei contenuti,
  • i livelli dei titoli devono essere utilizzati in sequenza, senza salti,
  • i titoli devono essere disposti correttamente e chiaramente annidati.

Esempio di pagina web correttamente strutturata con i titoli:

È necessario effettuare la verifica della struttura insieme a quella dei contenuti, altrimenti non noteremo eventuali titoli mancanti.

 

Dove si verificano più spesso i problemi con i titoli?

Pagina senza titoli

Uno dei problemi più gravi è la mancanza di titoli, che rende la struttura della pagina poco chiara e complica la navigazione tra i contenuti.

Esempio di pagina web senza titoli:

Screenshot che mostra una pagina priva di titoli.

Pagina senza titolo principale

Un caso frequente è anche quello di una pagina web priva di titolo principale (H1), in cui la struttura inizia solo dai livelli inferiori, il che rende difficile per gli utenti comprendere la gerarchia dei contenuti.

Screenshot che mostra la mancanza dell’H1 nella pagina.

Salto dei livelli di intestazione

Un altro errore comune è il salto di livelli nei titoli. Se, ad esempio, dopo un titolo H1 compare direttamente un H3 o un H4, il flusso logico del contenuto viene interrotto. Una struttura di questo tipo risulta particolarmente confusa per gli utenti di lettori di schermo, che spesso si spostano all’interno del contenuto proprio grazie ai titoli.

Screenshot che mostra il salto dal livello 1 direttamente al livello 3.

Titoli privi di significato

Anche i titoli privi di significato o ripetitivi, come «Altro», «Sezione» o titoli identici in più punti, possono causare problemi. Tali titoli non forniscono all’utente alcuna informazione sul contenuto che segue e rendono più difficile l’orientamento all’interno della pagina.

Estratto da cui si evince che i titoli nella pagina si ripetono e non è possibile distinguerli tra loro.

Suggerimento: Quando si assegnano i nomi ai titoli, siate chiari e concreti e controllate sempre la struttura della pagina con lo strumento HeadingsMap, per garantire una disposizione dei contenuti logica e intuitiva per l’utente.

Collegamento alle linee guida sull’accessibilità (WCAG)

L’ambito di applicazione e la struttura dei titoli sono disciplinati dai seguenti criteri di successo delle WCAG:

Questi criteri garantiscono che il contenuto di una pagina web sia strutturato in modo sensato e chiaramente suddiviso in sezioni logiche. L’uso corretto dei titoli consente agli utenti di comprendere rapidamente la struttura della pagina, orientarsi efficacemente nel contenuto e trovare più facilmente le informazioni desiderate. Ciò è particolarmente importante per gli utenti che utilizzano lettori di schermo e tastiera; al contempo, una struttura chiara dei titoli migliora la chiarezza, la leggibilità e l’esperienza utente per tutti i visitatori del sito web.