Componente Forward: correggere a11y

[Fupete]

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

[Virtute90]

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 ?

[Fupete]

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 ?