Accordion

Categoria:

Progetta

Tempo di lettura stimato: 3 min • Aggiornato il 16 gennaio 2026

L’accordion divide i contenuti in sezioni che puoi aprire e chiudere. Aiuta a leggere solo ciò che serve senza confusione.

Cos'è l’accordion

L’accordion è un elemento che raggruppa il contenuto in sezioni che l’utente può aprire e chiudere quando serve in modo da leggere in maniera mirata solo quello che gli interessa.

È una forma di progressive disclosure: rende subito visibili le informazioni primarie e lascia a portata di clic quelle secondarie, come approfondimenti, esempi, chiarimenti, opzioni facoltative.

Usalo per contenuti utili ma non indispensabili a decidere qualcosa subito. Evita di inserire prerequisiti, passaggi obbligatori o messaggi critici che tutti devono vedere. Se per capire o completare il compito l’utente deve aprire l’accordion, il testo è nel posto sbagliato.

L’obiettivo non è nascondere, ma organizzare: il titolo della sezione deve far capire cosa c’è dentro e il contenuto deve mantenere quella promessa, senza deviazioni o ripetizioni. In questo modo l’accordion alleggerisce la pagina, orienta la lettura e non ostacola il flusso.

Rappresentazione grafica di una accordion nell’interfaccia.

Istruzioni operative

Titoli delle sezioni (trigger)

I titoli dell’accordion, noti anche come trigger, sono il principale strumento di orientamento: devono far capire cosa c’è dentro la sezione, senza costringere l’utente ad aprirla per scoprirlo.    

  • Scrivi sostantivi o locuzioni nominali che descrivono il contenuto.
  • Evita verbi d’azione sul trigger, come “Apri”, “Mostra”, “Vedi”: l’azione è implicita.
  • Sii specifico: niente etichette generiche, come “Altro” o “Informazioni”.
  • Mantieni parole coerenti con il resto del sistema: evita sinonimi casuali.
  • Se l’accordion parte chiuso, il titolo deve offrire una vista d’insieme affidabile dei contenuti.
   

Usa titoli come “Documenti richiesti” e “Dettaglio pagamento”.
Non usare titoli come “Apri sezione” e “altro”.
Cosa fare
Cosa evitare
Cosa fare

Usare titoli descrittivi, con sostantivi e locuzioni nominali.

Cosa evitare

Usare verbi d’azione o etichette generiche.

Contenuti all’interno del pannello

Il pannello aperto deve rispondere alla promessa del titolo, aggiungendo solo le informazioni necessarie allo scopo di quella sezione.    

  • Metti l’informazione principale all’inizio in una o due frasi chiare: i dettagli vengono dopo.
  • Non ripetere il titolo: completa con istruzioni, esempi, condizioni.
  • Resta sul tema del titolo: contenuti fuori tema creano disorientamento.
  • Se ciò che scrivi è critico o sempre necessario, non nasconderlo nell’accordion: rendilo visibile nel flusso della pagina.
   

Usa “Il pagamento avviene tramite PagoPA. L’avviso è disponibile in Area personale”.
Non usare “Di seguito informazioni generali sul servizio. Il pagamento avviene tramite PagoPA”.
Cosa fare
Cosa evitare
Cosa fare

Dare informazioni utili e necessarie.

Cosa evitare

Usare contenuti ridondanti e poco chiari.

Lessico e stile

  • Scrivi i titoli con sostantivi o locuzioni nominali brevi e specifici.
  • Elimina gli articoli superflui ma non tagliare le preposizioni necessarie.
  • Scrivi i testi interni in forma attiva, frasi brevi e ordinate: evita congiuntivo, condizionale, gerundi e nominalizzazioni.
  • Usa le parole in modo coerente tra loro: lo stesso termine deve indicare la stessa cosa in tutto il sistema.
  • Evita inglesismi quando non necessari.

Linee guida correlate

Tab

Breadcrumb

Stepper e processi

Esprimi la tua opinione