Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Componente Dropdown: problema con varianti menu con intestazioni #1168

Open
1 task done
Fupete opened this issue Aug 9, 2024 · 2 comments
Open
1 task done

Componente Dropdown: problema con varianti menu con intestazioni #1168

Fupete opened this issue Aug 9, 2024 · 2 comments
Assignees
Labels
a11y Issue e PR riguardanti accessibilità e dintorni

Comments

@Fupete
Copy link
Contributor

Fupete commented Aug 9, 2024

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

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

@Fupete Fupete added the a11y Issue e PR riguardanti accessibilità e dintorni label Aug 9, 2024
@zetareticoli zetareticoli moved this from 🆕 New to 📋 Backlog in Design system .italia 🇮‍🇹 Sep 9, 2024
@cfabry
Copy link
Collaborator

cfabry commented Oct 5, 2024

Corretto @Fupete anche perché l'esempio presente introduce un errore per SC 1.3.1 in quanto in "menu con intestazioni e separatori" contenente poi il testo "intestazione", viene mostrato poi un elemento senza semantica ma reso simile a una intestazione attraverso CSS class="link-list-heading".
Se sia poi corretto o meno introdurre il concetto di "intestazione" all'interno di un elemento dropdown è un altro tipo di ragionamento, ma se si decide di inserire tale possibilità deve essere fatta con elementi H1, H2, ecc.

@zetareticoli
Copy link
Member

Questa issue è gestita in #1346

@zetareticoli zetareticoli moved this from 📋 Backlog to 🏗 In progress in Design system .italia 🇮‍🇹 Jan 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Issue e PR riguardanti accessibilità e dintorni
Projects
Status: 🏗 In progress
Development

No branches or pull requests

4 participants