Tooltip - Ecosistema
Tooltip
Categoria:
Tempo di lettura stimato 3 min • Aggiornato il 20 gennaio 2026
Il tooltip è un piccolo testo che spiega o chiarisce un elemento senza bloccare il flusso. Deve essere breve, chiaro e comprensibile da solo. Non deve contenere informazioni obbligatorie o link e pulsanti.
Cos'è il tooltip
Il tooltip è un micro-testo che chiarisce, integra o contestualizza un elemento (come un'icona, un pulsante o un'etichetta), aggiungendo un’informazione supplementare non essenziale. Supporta l’utente senza interrompere il flusso e va scritto in modo breve, specifico e comprensibile anche se letto da solo.
Non usare il tooltip quando:
- il contenuto è indispensabile per completare l’attività;
- contiene elementi interattivi, come link, pulsanti o immagini;
- l’informazione deve rimanere sempre visibile;
- serve a compensare etichette o interfacce poco chiare.
In questi casi usa un testo di supporto fisso o un altro componente.
Tipologie di tooltip
- Informativo: fornisce una definizione o un chiarimento di contesto, ad esempio a termini, acronimi o regole semplici. Non suggerisce azioni.
- Orientativo: suggerisce come procedere in un’azione facoltativa, ovvero quando e/o come farla. Non rende l’azione obbligatoria né nasconde passaggi critici.
Tooltip informativo
Chiarisce un termine, un acronimo o una regola non critica. Completa quanto già comunicato dall’interfaccia, senza duplicarlo.
- Aggiungi una sola informazione nuova e utile. Evita ridondanze con label o testi vicini.
- Non spostare nei tooltip contenuti essenziali, come errori, vincoli critici, istruzioni obbligatorie.
- Scrivi una frase o due al massimo. Se è una sola, non mettere il punto finale.
- Evita preamboli (“Attenzione”, “Nota”), virgolette, enfasi tipografiche, link o CTA.
- Mantieni la stessa terminologia dell’elemento a cui si riferisce, ad esempio etichetta, comando o campo.
Formato data: GG/MM/AAAA
Il CUP è un codice che in genere viene utilizzato per la gestione dei progetti…
Numero massimo di allegati: 10
Scopri di più sulla PEC
Tooltip orientativo
Guida un’azione con indicazioni sintetiche e dirette; l’utente deve poter completare il task anche senza tooltip.
- Inizia con un verbo: preferisci imperativoo indicativo presente.
- Massimo 1–2 frasi: se è una sola frase, senza punto finale.
- Per pulsanti solo-icona, usa 1–2 parole che descrivono la funzione (es. Stampa, Scarica).
- Evita formule vaghe (clicca qui, procedi), interiezioni e burocratese; non tagliare le preposizioni.
Usa solo caratteri numerici
Effettuare l’inserimento del codice
Inserisci il codice come indicato sulla tessera
Clicca qui per continuare
(Icona stampante) Stampa
(Icona download) Scarica PDF.
Lessico e stile
- Non usare congiuntivo, condizionale e gerundio, è sempre preferibile coniugare le frasi al tempo presente (o al futuro, quando necessario).
- Preferisci la forma attiva, evita la forma passiva che appesantisce la lettura.;
- Evita l'uso di sostantivi ricavati dai verbi.
- Scrivi frasi brevi con capitalizzazione in stile frase;
- Mantieni la coerenza terminologica con l’elemento a cui il tooltip si riferisce.
- Evita inglesismi e prestiti linguistici: preferisci l’italiano quando esiste un termine equivalente altrettanto chiaro;
- Non tagliare le preposizioni quando fanno parte di una locuzione nominale.
Accesso con SPID e CIE
L’utilizzo della funzionalità è consentito previa abilitazione
Numero massimo di allegati: 10
Check requirements before proceeding
Linee guida correlate
Modali
Banner
Notifiche toast
Notifiche push
Section message