Componente `list`: altre segnalazioni di accessibilità

[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

Raccolgo qui alcune segnalazioni di a11y sulle diverse varianti (oltre a quelle già presenti in altre issue per il componente):

• laddove ci sono icone o frecce svgmanca la corretta semantica per queste, a seconda di cosa deciso per altre issue simili c'è da implementare la miglior soluzione per (1) nasconderle agli SR laddove non aggiungono nulla con aria-hidden (es. frecce probabilmente) o (2) comunicarle agli SR, ad es. con role="img" e tag

• Nelle varianti di tipo menu laddove c'è un disabled attualmente è solo css. Andrebbe reso esplicito anche con la corretta semantica, es. usando aria-disabled="true" sull'elemento (referenza).

• Nelle varianti di tipo menu, laddove c'è un heading dovrebbe avere la sua corretta semantica h (h2-h6) a seconda del contesto.

• Nelle varianti di tipo menu, laddove c'è un separatore, andrebbe valutato di aggiungere il corretto role="separator" all'elemento...

Perché

Amichevole con i lettori di schermo.

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 da verificare e risolvere anche in UI Kit Italia se necessario, adottando gli stili di testo corretti di heading nelle varianti di tipo meno, laddove c'è un heading, se presenti.