Scansione semantica

Definizione — La scansione semantica è la capacità di scorrere e comprendere rapidamente una pagina usando la sua struttura: titoli h1–h6, landmark (main, nav, aside, footer), liste, tabelle con intestazioni, breadcrumb e link descrittivi. Gli screen reader offrono comandi per saltare tra questi elementi, ma la scansione aiuta anche utenti vedenti, migliorando leggibilità, UX e SEO.

Perché è importante

• Accessibilità: utenti ciechi o ipovedenti possono “saltare” ai titoli o alle regioni senza leggere tutto.
• Efficienza: riduce tempi di ricerca delle informazioni e abbandoni su pagine lunghe.
• SEO: una struttura chiara aiuta indicizzazione, sitelinks e rich results (es. breadcrumb).

Come si progetta

• Titoli gerarchici: un solo H1 descrittivo, poi H2/H3… senza salti immotivati. Evita di usare i titoli per sola grafica.
• Landmark minimali: usa gli elementi nativi (main, nav, aside) ed etichetta le istanze multiple con aria-label.
• Link significativi: il testo deve comunicare la destinazione (“Scarica il report PDF” non “Clicca qui”).
• Liste & tabelle: dati tabellari con <th> e scope; elenchi veri per sequenze di item.
• Indice interno: per pagine lunghe, usa un sommario con anchor che puntano ai titoli di sezione.
• Skip link: fornisci “Salta al contenuto” verso il <main id="…">.

Esempio (principio)

<header>…</header>
<nav aria-label="Principale">…</nav>
<main id="contenuto">
  <h1>Guida all’accessibilità dei form</h1>
  <h2>Etichette e istruzioni</h2>
  <h2>Messaggi di errore</h2>
  <h3>Error summary</h3>
</main>
<aside aria-label="Approfondimenti">…</aside>
<footer>…</footer>

Test rapidi

• Con uno screen reader: apri l’elenco titoli e landmark — la struttura ha senso? Esiste un H1 unico?
• Disattiva i CSS: l’ordine di lettura è coerente e comprensibile?
• Controlla i link fuori contesto (es. ricerca “tutti i link”): sono ancora chiari?

WCAG correlate

• 1.3.1 Informazioni e relazioni, 2.4.1 Saltare i blocchi, 2.4.6 Intestazioni e etichette, 2.4.10 Intestazioni di sezione (AAA, come best practice).