italia
Componente `Tabs`: applicare ARIA pattern corretto per navigazione da tastiera
Esiste già una discussione sul tema che ti interessa, o su un tema simile?
- [X] 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
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?
@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 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!