Audit logs are not fully keyboard navigable

未关闭 适合新手
  • 哪里不对？
#6,530 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
66/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
angular, typescript
领域
accessibility, frontend

调研方向

从 Audit Logs 页面开始，找到全站页面和单项页面上都使用的表格行交互。检查行如何获得焦点以及如何处理键盘事件，然后在有相关 UI 测试时运行这些测试。完成标准是：可以通过 Tab 到达各行，行显示清晰的焦点指示器，并且可以用空格键打开或关闭行的详情。

由索引模型根据 Issue 内容生成。

描述

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.

主要语言
TypeScript
星标
180
派生
577
平均合并
2 天 1 小时
30 天内合并 PR
100

环境准备

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

DSpace/dspace-angular 的其他 Issue

查看 DSpace/dspace-angular 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。