Fix: ripristina semantica liste su Safari/VO (BI2): add role="list"

[Fupete]

Cosa

Fix #1692 (alternativa alla PR #1743)

Questa PR implementa una soluzione alternativa a quella proposta da @deodorhunter (PR #1743: font-size: 0 sul li::marker, rimuovendo list-style-type: none) per quanto riguarda BSI v2.

Questa soluzione aggiunge role="list" agli elementi <ul> che non sono contenuti in elementi <nav>, come da indicazioni MDN https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/list-style#accessibility.

Dobbiamo fare review con calma in tutte le combinazioni di OS/Browser/SR in tutti i componenti i cui markup sono stati toccati direttamente (vedi tab "Files changed"). Bisogna verificare resa e testarne funzionamento prima di integrare questa soluzione.

Dovremo poi se funziona riportare la soluzione sul ramo 3.x.

Da evidenziare che risulta una breaking change di tutti i componenti toccati dalla PR, da documentare in caso come tale.

Da verificare inoltre se serve aggiungere contenuti in alcuni dei callout Accessibilità dei diversi componenti.

Perché

A causa di un comportamento noto di WebKit (introdotto nel 2020), l'applicazione di list-style-type: none; rimuove la natura di "lista" per le tecnologie assistive. Di conseguenza, su Safari + VoiceOver (macOS/iOS), le liste non vengono annunciate come tali e gli item vengono letti in sequenza senza indicare il conteggio o la posizione.

Altro

Seppur preferirei non toccare il markup e trovare una soluzione solo scss come quella della PR #1743, dai primi test questo fix mi pare molto più solido e robusto in tutte le situazioni e combinazioni.

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 GitHub.

Project	Deployment	Actions	Updated (UTC)
bootstrap-italia	Ready	Preview	Apr 24, 2026 2:31pm

[zetareticoli]

@Fupete dobbiamo riportare anche su 3.x?

[Fupete]

@zetareticoli allo stato dell'arte no. Dovremo capire come procedere, direi di parlarne agli a11y days, vedi commento: #1692 (comment)