fix: list link semantics and states

[zetareticoli]

Descrizione

La proprietà text-decoration: underline viene applicata di default a tutti i link che fanno parte di liste semplici.

Rimosso lo stato active perché si tratta di liste che non appartengono a menu di navigazione (c'è un codice specifico per quelle). Pertanto è superfluo.

Checklist

• Le modifiche sono conformi alle linee guida di design.
• Il codice è coerente con le indicazioni di progetto.
• Le modifiche sono state verificate sui Browser supportati e per diverse risoluzioni dello schermo.
• Sono stati effettuati test di accessibilità in ottemperanza a quanto descritto nell'area "Accessibilità" delle linee guida di design.
• La documentazione è stata aggiornata.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
bootstrap-italia	✅ Ready (Inspect)	Visit Preview	Oct 24, 2024 3:45pm

[Fupete]

Il tema gerarchia e semantica è presente anche per le varianti "con metadata", "menu multilinea...".

[zetareticoli]

@Fupete tutte le indicazioni sullo stato "attivo" sono un po' fuorvianti, perché a meno che non si è in un contesto di menu primario o secondario, le liste di link non possono prevedere questo stato.

Sarei per rimuovere l'esempio active da tutte le liste, lasciandolo solo nei componenti dedicati o nelle varianti liste per menu.

---

Ho aperto la issue #1255 sul tema

[Fupete]

@Fupete tutte le indicazioni sullo stato "attivo" sono un po' fuorvianti, perché a meno che non si è in un contesto di menu primario o secondario, le liste di link non possono prevedere questo stato.

Sarei per rimuovere l'esempio active da tutte le liste, lasciandolo solo nei componenti dedicati o nelle varianti liste per menu.

Lascio a te questa valutazione, a me torna tendenzialmente. Immagino ci siano eccezioni per le liste dropdown e per eventuali liste in back office che potrebbero averne bisogno. Ma sono eccezioni appunto.

Però il mio commento sopra era per altro: la soluzione

(o altra) va implementata anche per le varianti "con metadata" e "menu multilinea" intendevo, che hanno lo stesso problema di mancanza di struttura semantica tra titoletto e paragrafo in pratica. Andrà anche documentata probabilmente con qualcosa tipo un callout accessibilità che contenga una indicazione tipo "il livello di heading h degli esempi dovrà essere cambiato con il corretto livello a seconda della gerarchia nel contesto", o qualcosa del genere. Magari possiamo usare la stessa formula della PR per la nuova timeline.

[zetareticoli]

@Fupete tutte le indicazioni sullo stato "attivo" sono un po' fuorvianti, perché a meno che non si è in un contesto di menu primario o secondario, le liste di link non possono prevedere questo stato.
Sarei per rimuovere l'esempio active da tutte le liste, lasciandolo solo nei componenti dedicati o nelle varianti liste per menu.

Lascio a te questa valutazione, a me torna tendenzialmente. Immagino ci siano eccezioni per le liste dropdown e per eventuali liste in back office che potrebbero averne bisogno. Ma sono eccezioni appunto.

Però il mio commento sopra era per altro: la soluzione

(o altra) va implementata anche per le varianti "con metadata" e "menu multilinea" intendevo, che hanno lo stesso problema di mancanza di struttura semantica tra titoletto e paragrafo in pratica. Andrà anche documentata probabilmente con qualcosa tipo un callout accessibilità che contenga una indicazione tipo "il livello di heading h degli esempi dovrà essere cambiato con il corretto livello a seconda della gerarchia nel contesto", o qualcosa del genere. Magari possiamo usare la stessa formula della PR per la nuova timeline.

Sì, ho aggiornato le varianti metadata e multilinea aggiungendo il tag <h4>

[Fupete]

Sullo stato .active ti ho lasciato un commento nella issue dedicata: #1255 (comment)