Badge & Puntini di Notifica
Attira l'attenzione su singole voci di menu con un piccolo badge testuale (es. "Nuovo", "Hot") o un semplice puntino di notifica.
Badge testuali
Un badge testuale è una piccola etichetta colorata visualizzata accanto all'etichetta della voce di menu — ideale per segnalare novità, promozioni o contenuti in evidenza.
- Vai su Menu Builder → Voci e fai clic sulla voce a cui vuoi aggiungere il badge.
- Nel pannello delle impostazioni della voce, individua la sezione Badge.
- Inserisci il testo del badge nel campo apposito (es. "Nuovo", "Sale", "Hot").
- Scegli il colore di sfondo e il colore del testo del badge.
- Salva le modifiche.
Il badge viene reso con l'attributo aria-hidden="true" per evitare che gli screen reader lo annuncino due volte — l'etichetta della voce è già letta dal lettore di schermo. Se il testo del badge è semanticamente rilevante, considera di aggiungerlo anche al testo alternativo o all'etichetta ARIA della voce.
Puntino di notifica
Il puntino di notifica è un piccolo cerchio colorato che appare nell'angolo superiore destro dell'icona o del testo della voce — più discreto di un badge testuale, utile per indicare aggiornamenti non letti o nuovi contenuti.
- Nelle impostazioni della voce di menu, individua la sezione Puntino di notifica.
- Attiva l'interruttore Mostra puntino.
- Scegli il colore del puntino.
Il puntino include automaticamente un testo nascosto visivamente accessibile agli screen reader (es. "Nuovi elementi disponibili"), in modo che gli utenti che navigano con tecnologie assistive ricevano comunque l'informazione.
Icone delle voci
Puoi aggiungere un'icona accanto all'etichetta di qualsiasi voce di menu usando Font Awesome 6. Inserisci il nome della classe dell'icona (es. fa-solid fa-house) nel campo Icona delle impostazioni della voce. L'icona viene visualizzata prima del testo dell'etichetta e si adatta automaticamente al colore dei link del tema attivo.