Pagination: comportamento errato durante la 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
20.0.0
Cosa
Il componente it-pagination presenta un comportamento errato durante la navigazione da tastiera. Quando si utilizzano i tasti Tab + Invio per navigare tra le pagine, è possibile attivare anche i pulsanti che dovrebbero essere disabilitati, permettendo di superare i limiti validi della paginazione.
Comportamento attuale:
Navigando con Tab + Invio, è possibile premere il pulsante "Indietro" anche quando dovrebbe essere disabilitato Questo permette di accedere a pagine con numeri negativi (pagina -1, -2, -3, ecc.) Lo stesso problema si verifica con il pulsante "Avanti", permettendo di superare l'ultima pagina disponibile
Comportamento atteso:
I pulsanti "Indietro" e "Avanti" dovrebbero essere completamente inaccessibili da tastiera quando sono in stato disabilitato. La navigazione dovrebbe rispettare i limiti della paginazione (prima pagina = 1, ultima pagina = numero totale di pagine)
Passi per riprodurre:
- Aprire una pagina con il componente it-pagination (anche usando la pagina della documentazione ufficiale)
- Navigare al primo elemento della paginazione usando Tab
- Premere Invio sul pulsante "Indietro" quando si è già alla prima pagina
- Osservare che è possibile accedere a pagine con numeri negativi
Perché
Questo bug compromette l'accessibilità del componente e può causare comportamenti inaspettati nell'applicazione.
Contesto
No response
Altro
Link al componente: https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/pagination
@lvalentieng @valeriocomo Cominciamo a lavorarci dalla prossima versione, per ora rilasciamo i fix fatti.
@lvalentieng @valeriocomo dovrebbe essere ok adesso nella PR https://github.com/italia/design-angular-kit/pull/516