angular-ui/ui-grid

[Accessibility] NVDA not reading column header sorting dropdown button properly

Open

#7,152 创建于 2021年6月29日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)JavaScript (5,395 star) (2,496 fork)batch import
a11ygood first issuegrid-core

描述

Please make sure each of the following is true before submitting a new issue. We are a small team with limited time and it is very difficult to manage issues if they aren't reported correctly.

  • This is a bug report, not a question on how to use the grid.
    Use Stack Overflow or Gitter for questions.
  • You have searched the open issues to see if this bug has been filed before. We don't want duplicate issues.
  • You have reviewed the tutorials and documentation to ensure you are using the grid correctly. ui-grid.info
  • You are using the latest version of the grid. Older versions are not patched or supported.
  • You have provided steps to recreate your bug. A plunkr is even better.

This plunkr can be used for reference. When the keyboard focus is on the header dropdown button, it reads 'column menu menu button sub menu' which is not very intuitive.

75347978-f3c91800-58c7-11ea-8289-a07b3131ac87

贡献者指南

技术栈
javascriptangularhtmlcss
领域
frontendaccessibility
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
AngularJSARIAui grid
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
Investigate the column header template in ui grid to locate the dropdown button element. Review the plunkr reference to understand the current ARIA attributes. Modify the button's aria label or role to provide a descriptive name, e.g., 'Sort column' or 'Column menu'. Ensure consistency with other screen reader announcements. Test with NVDA to confirm the fix.
[Accessibility] NVDA not reading column header sorting dropdown button properly · angular-ui/ui-grid#7152 | Good First Issue