Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tree data table checkboxes do not have aria-label attributes #32118

Open
1 task done
kpustakhod opened this issue Sep 10, 2021 · 4 comments
Open
1 task done

Tree data table checkboxes do not have aria-label attributes #32118

kpustakhod opened this issue Sep 10, 2021 · 4 comments
Labels
⌨️ Accessibility help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. Inactive

Comments

@kpustakhod
Copy link
Contributor

kpustakhod commented Sep 10, 2021

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://ant.design/components/table/#components-table-demo-tree-data

Steps to reproduce

go to https://ant.design/components/table/#components-table-demo-tree-data, turn on voiceover, navigate with TAB key through tree table.

What is expected?

All checkboxes should have self explained aria-label attributes.

What is actually happening?

Voiceover reads this checkboxes as 'unchecked, checkbox' or 'checked, checkbox' without explanation.

Environment Info
antd 4.16.13
React 17.0.0
System Mac
Browser Chrome
@afc163 afc163 added help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. ⌨️ Accessibility labels Sep 11, 2021
@github-actions
Copy link
Contributor

Hello @kpustakhod. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @kpustakhod,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的预设模板,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

giphy

@joeheyming
Copy link

it seems the issue might be upstream in the tree-select library.

@mellis481
Copy link
Contributor

@kpustakhod Should this issue be logged in rc-tree-select instead?

@kpustakhod
Copy link
Contributor Author

@joeheyming , @mellis481 this issue is about meaningful aria-label for checkboxes that are used for row selection in table. I don't see that table checkboxes are part of rc-tree-select and believe that this is a part of antD functionality - https://github.com/ant-design/ant-design/blob/master/components/table/hooks/useSelection.tsx#L519

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⌨️ Accessibility help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. Inactive
Projects
None yet
Development

No branches or pull requests

4 participants