Componente `list`: usare corretta semantica se c'è testo in più...

[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 varianti con "testo aggiuntivo" e "con metadata", e le varianti per "menu multilinea...", abbisognano di un corretto approccio con heading h e p. E non dei soli due span oggi presenti.

La discussione è già stata affrontata in passato con @cfabry in questa issue: https://github.com/italia/bootstrap-italia/issues/764, e sarebbe stata in parte risolta almeno per la variante con Testo aggiuntivo da questa PR: https://github.com/italia/bootstrap-italia/pull/816... purtroppo sono state entrambe chiuse da Stale (oggi non più presente) prima di finire i lavori e rilasciarli.

Va, secondo me, recuperata quella PR e verificato se ci sono cose ancora migliorabili a livello visivo. Oltre ad aggiungere la soluzione per la variante "con metadata", "menu multilinea...". Diventa ovviamente una breaking-change su quella variante del componente lista.

Perché

Amichevole con i lettori di schermo. Comprensibile.

Contesto

Verifiche di accessibilità sui componenti.

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

Altro

Sarà da riportare anche in React kit e Angular kit alla risoluzione.

Sarebbe ottimo verificare e risolvere anche in UI Kit Italia adottando gli stili di testo corretti di heading e paragrafi nella variante con testo aggiuntivo. cc @zetareticoli

Il componente è usato estensivamente anche nel sito Designers Italia per le liste di download risorse, vedi questa issue: https://github.com/italia/designers.italia.it/issues/829