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 Forward: correggere a11y #1089

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

Componente Forward: correggere a11y #1089

Fupete opened this issue Aug 13, 2024 · 2 comments
Labels

Comments

@Fupete
Copy link

Fupete commented Aug 13, 2024

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

  • Ho verificato e non esiste

Versione della libreria

Corrente

Cosa

Il componente, negli esempi disponibili da Storybook, non sembra prendere il Focus navigando da tastiera e, se navigato da lettore di schermo, non risponde correttamente alla sua funzione.

Faccio un'ipotesi da non esperto di React: è da verificare la corretta implementazione con useRef del "salto": il link a risultante nel markup infatti così non sembra avere proprietà href, risultando quindi non focusable da tastiera, ne navigabile correttamente da lettore di schermo a una prima verifica manuale approfondita.

Inoltre, segnalo che la freccia ha dimensioni più piccole di circa 8px rispetto a Bootstrap Italia e UI Kit Italia.

Perché

Amichevole con i lettori di schermo. Navigabile. Coerenza tra le risorse del Design system .italia

Contesto

Verifiche di accessibilità sui componenti.

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

Altro

FYI @astagi @Lorezz

@Fupete Fupete added the a11y Accessibility label Aug 13, 2024
@Virtute90
Copy link
Contributor

Credo che l'unica soluzione sia non usare il ref di React ma di usare gli skip link <a href="#linkto">, che ne pensi @Fupete ?

@zetareticoli zetareticoli added this to the Review Accessibilità milestone Sep 16, 2024
@Fupete Fupete removed this from the Prossimi Fix Accessibilità milestone Oct 7, 2024
@Fupete
Copy link
Author

Fupete commented Oct 15, 2024

Credo che l'unica soluzione sia non usare il ref di React ma di usare gli skip link <a href="#linkto">, che ne pensi @Fupete ?

Mi sembra sensato, la vorrei testare in azione. Puoi aprire una PR tu @Virtute90 ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: 📋 Backlog
Development

No branches or pull requests

4 participants