# Footer: cosa va dove

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

<!-- Fonte: https://sitoanorma.it/docs/dati-aziendali/footer-cosa-va-dove -->
<!-- Aggiornato: 2026-08-15 -->

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](/docs/dati-aziendali/regola-piva)) 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](/docs/pagine-legali/note-legali) per il dettaglio.

## Schema consigliato

| Dato | Footer | Note legali | Contatti |
|------|:---:|:---:|:---:|
| Partita IVA | Sì (obbligo home) | Sì | No |
| Ragione sociale | Sì | Sì | Sì |
| Sede legale | Sì | Sì | Sì |
| REA / Registro Imprese | Sì o → | Sì | No |
| Capitale sociale | Sì o → | Sì | No |
| Socio unico / liquidazione | Sì o → | Sì | No |
| PEC | → | Sì | Sì |
| Email | Sì | Sì | Sì |

"→" = 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.

```html
<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](/docs/introduzione/fonte-unica-dati), 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).