Footer: cosa va dove

Come distribuire i dati identificativi tra footer globale e pagine legali, evitando di affollare il footer e mantenendo tutto raggiungibile.

Una volta chiaro quali dati esporre, resta la domanda pratica: dove metterli. La risposta dipende dall’obbligo specifico e dalla leggibilità.

Il principio

• Ciò che ha un obbligo “in home page” (la P.IVA) deve stare in un elemento globale → footer.
• Ciò che è obbligatorio “sul sito” ma non specificamente in home può stare nel footer oppure in una pagina dedicata raggiungibile dal footer.
• Quando i dati sono molti (società di capitali con REA, capitale, socio unico…) conviene un footer essenziale più una pagina note legali per il dettaglio.

Schema consigliato

”→” = ammesso spostarlo nella pagina dedicata per non affollare il footer.

Footer essenziale + note legali

Una soluzione pulita per le società con molti dati: footer compatto con i dati minimi e un link alle note legali per il resto.

<footer>
  <address>
    <p>Acme S.r.l.</p>
    <p>Via Roma 1, 20121 Milano (MI)</p>
    <p>P. IVA 01234567890</p>
    <p><a href="mailto:info@acme.it">info@acme.it</a></p>
  </address>

  <nav aria-label="Link legali">
    <ul>
      <li><a href="/privacy">Privacy Policy</a></li>
      <li><a href="/cookie">Cookie Policy</a></li>
      <li><a href="/note-legali">Note legali e dati completi</a></li>
    </ul>
  </nav>
</footer>

Due dettagli di markup che vale la pena curare:

• <address> è l’elemento semanticamente corretto per i dati di contatto del titolare della pagina. Va reso font-style: normal perché i browser lo mostrano in corsivo di default.
• Il blocco dei link legali è una navigazione, quindi <nav> con aria-label, perché la pagina ne contiene più di una e vanno distinte.

Cosa non fare

• Non nascondere i dati dietro un accordion che parte chiuso: devono essere leggibili senza interazione.
• Non mettere i dati solo in un’immagine: non sono selezionabili né leggibili da uno screen reader.
• Non duplicarli a mano tra footer e note legali: usa una fonte unica, altrimenti divergeranno.

Cosa verificare

• Il footer è presente su tutte le pagine, home inclusa.
• La P.IVA è nel footer.
• I dati che non stanno nel footer sono in una pagina linkata dal footer.
• I dati sono testo, non immagini.
• Footer e note legali riportano gli stessi valori (perché vengono dalla stessa fonte).