Audit logs are not fully keyboard navigable

Abierto Apto para principiantes
#6,530 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
66/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
angular, typescript

Línea de trabajo

Empieza en las páginas de Audit Logs y localiza la interacción con las filas de la tabla que se usa tanto en las páginas de todo el sitio como en las páginas de elementos individuales. Comprueba cómo reciben el foco las filas y cómo gestionan los eventos del teclado; después, ejecuta las pruebas de UI pertinentes, si están disponibles. El trabajo estará terminado cuando se pueda llegar a las filas con Tab, muestren un indicador de foco claro y abran o cierren sus detalles con la barra espaciadora.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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.

Lenguaje dominante
TypeScript
Estrellas
180
Forks
577
Merge medio
2 d 1 h
PR fusionados (30 d)
100

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de DSpace/dspace-angular

Todos los issues de DSpace/dspace-angular

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.