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 Navscroll: focus trap #1350

Open
1 task done
Fupete opened this issue Jan 29, 2025 · 2 comments
Open
1 task done

Componente Navscroll: focus trap #1350

Fupete opened this issue Jan 29, 2025 · 2 comments
Assignees
Labels
a11y Issue e PR riguardanti accessibilità e dintorni

Comments

@Fupete
Copy link
Contributor

Fupete commented Jan 29, 2025

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

  • Ho verificato e non esiste

Versione della libreria

2.13.1

Cosa

Navigando da mobile la variante attaccata al bordo inferiore della viewport intrappola il focus. Permette cioè di ciclare da tastiera tra le voci di indice ma non di andare/tornare sul tasto Indietro in alto.

Comportamento desiderato: al toggle di apertura il focus dovrebbe andare proprio sul pulsante Indietro, in modo da permettere un comportamento di tipo "tottle on/off".

Il problema è emerso nei test del sito Designers Italia e se ricordo bene non mi sembrava presente alcune versioni fa di BSI, ora lo è.

Il problema sembra presente (seppur diverso) anche nel kit React.
Non è invece funzionante la versione mobile (sembra dall'esempio) del kit Angular.

Perché

Navigabile.

Contesto

Verifiche di accessibilità sui componenti.

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

Altro

Issue originale sul sito Designers Italia: italia/designers.italia.it#1158

Altra issue (a latere) da verificare sul componente: #1179

@Fupete Fupete added bug Issue e PR su problemi di funzionamento della libreria a11y Issue e PR riguardanti accessibilità e dintorni and removed bug Issue e PR su problemi di funzionamento della libreria labels Jan 29, 2025
@Fupete Fupete moved this from 🆕 New to 📋 Backlog in Design system .italia 🇮‍🇹 Jan 29, 2025
@Fupete
Copy link
Contributor Author

Fupete commented Jan 29, 2025

FYI @astagi

@Fupete
Copy link
Contributor Author

Fupete commented Jan 29, 2025

Aggiornamento (aggiunto anche alla descrizione):

  • Il problema sembra presente (seppur diverso) anche nel kit React.
  • Non è invece funzionante la versione mobile (sembra dall'esempio) del kit Angular.

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: 📋 Backlog
Development

No branches or pull requests

2 participants