Audit logs are not fully keyboard navigable

Aperta Adatta ai principianti
  • Qualcosa non va?
#6,530 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
66/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
angular, typescript
Ambito
accessibility, frontend

Direzione di ricerca

Inizia dalle pagine Audit Logs e individua l’interazione con le righe della tabella utilizzata sia nelle pagine dell’intero sito sia in quelle dei singoli elementi. Controlla come le righe ricevono il focus e gestiscono gli eventi della tastiera, quindi esegui i test UI pertinenti, se disponibili. Il lavoro è completato quando le righe sono raggiungibili con Tab, mostrano un indicatore di focus chiaro e aprono o chiudono i relativi dettagli con la barra spaziatrice.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

accessibility affects: 10.x affects: main bug help wanted

Describe the bug

The tables on the Audit Logs pages, both sitewide and item-level, have some issues with keyboard navigation. The rows of the table are interactive elements, and so need to be able to gain focus and be opened via keyboard actions.

To Reproduce

  1. Go to an audit logs page, for example https://demo.dspace.org/auditlogs
  2. Observe the interactive elements of the table by clicking on a row to see details
  3. Start clicking "Tab" to navigate through the page; note that the ID links are the only elements that gain focus. It isn't possible to get to one of the table rows to open the collapse.
Image

Expected behavior

When a user is navigating via keyboard, the table rows themselves should be able to gain a visible focus. They should likely allow a space interaction to open/close the collapse so the user can see details.

Lingua principale
TypeScript
Stelle
180
Fork
577
Merge medio
2g 1h
PR unite (30g)
100

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di DSpace/dspace-angular

Tutte le issue di DSpace/dspace-angular

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.