Accordion - Ecosistema
Accordion
Categoria:
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.

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.


Usare titoli descrittivi, con sostantivi e locuzioni nominali.
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.


Dare informazioni utili e necessarie.
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