Componente `Dropdown`: problema con varianti menu con intestazioni

[Fupete]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• [X] Ho verificato e non esiste

Versione della libreria

2.9.0

Cosa

La possibilità di aggiungere "Intestazioni" alle liste di contenuti del dropdown dovrebbe accompagnarsi all'uso dei corretti tag semantici <h2-h6> (ed eventuali stili relativi per la formattazione) come già presente in React kit e negli esempi Bootstrap 5, e non di intestazioni rese solo visivamente con <span> o <div> generici.

Si segnala che il problema è presnete nella documentazione ufficiale del Design system .italia (via API) dove c'è un esempio/variante con sfondo chiaro (visibile sul sito Designers Italia di documentazione) dal nome: "Menu con intestazioni e separatori". Questo esempio/variante fu commentato commentato invece nella documentazione di Bootstrap Italia ai tempi del redesign del Megamenu e non risulta visibile.

Il problema è presente poi anche nella variante dark, invece presente sia in API che nella documentazione BSI.

Perché

Amichevole con i lettori di schermo.

Contesto

Verifiche di accessibilità sui componenti.

Il problema è presente anche in Angular kit. Sarà da verificare alla risoluzione sia Angular kit che React kit.

⚠️ Sarà da aggiornare lo status delle verifiche nella board census alla risoluzione.

Altro

Chiederei un parere anche a @cfabry con cui ne facemmo una prima revisione tempo fa.

Si segnala che su UI Kit Italia decidemmo di rimuovere la possibilità di avere intestazioni. C'è da capire se allinearci a quella scelta, o sistemare con l'uso di heading (come Bootstrap). Su questo un parere di @zetareticoli e @astagi sarebbe utile.