Componente Tabs: applicare ARIA pattern corretto per navigazione da tastiera

[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

La navigazione da tastiera deve seguire il pattern ARIA standard per l'interazione da tastiera: tasto TAB per entrare ed uscire dal componente, con focus sull'elemento attivo. FRECCE DESTRA e SINISTRA, quando dentro il componente, per navigare tra i signoli item.

Vedi come corretto su Bootstrap Italia in un precedente giro di verifiche di accessibilità effettuato con @cfabry.

Da notare che questa correzione va oltre quanto implementato da Bootstrap 5, dove la navigazione è come un nav standard solo via tab.

Perché

Navigabile.

Contesto

Verifiche di accessibilità sui componenti.

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

Altro

No response

[Virtute90]

Il compoente tab è stato ereditato da reactstrap che non rispetta appunto i pattern ARIA; facendo una rapida ricerca mi sembra che invece react-bootstrap abbia impletato il componete in maniera migliore:

https://react-bootstrap.netlify.app/docs/components/tabs

Si potrebbe fare un tentativo di implementare questa soluzione nel kit, che ne pensate?

[astagi]

@Virtute90 sembrerebbe di si.. non derivarlo da Reactstrap equivale a riscrivere il componente, cosa che già facciamo su Bootstrap Italia..

Posso assegnare a te questa attività?

[Virtute90]

@Virtute90 sembrerebbe di si.. non derivarlo da Reactstrap equivale a riscrivere il componente, cosa che già facciamo su Bootstrap Italia..

Posso assegnare a te questa attività?

Va bene!