-
-
Notifications
You must be signed in to change notification settings - Fork 14.6k
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
fix(components): [table] add table selection checkbox aria-labels #13908
fix(components): [table] add table selection checkbox aria-labels #13908
Conversation
When checkboxes have no label, it causes accessibility issues. This commit adds aria-labels to table's selection checkboxes
👋 @Karolis-Stoncius, seems like this is your first time contribution to element-plus.
|
Hello @Karolis-Stoncius, thank you for contributing to element-plus, please see our guideline to see how to make contribution |
🧪 Playground Preview: https://element-plus.run/?pr=13908 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you provide example code using the Element Plus Play ground?
Here. Using axe devtool "Form elements must have labels" and "Table header text should not be empty" issues are raised. |
@tolking can you take a look at this? 🙇 |
…ement-plus#13908) When checkboxes have no label, it causes accessibility issues. This commit adds aria-labels to table's selection checkboxes
…ement-plus#13908) When checkboxes have no label, it causes accessibility issues. This commit adds aria-labels to table's selection checkboxes
When checkboxes have no label, it causes accessibility issues. This commit adds aria-labels to table's selection checkboxes
Please make sure these boxes are checked before submitting your PR, thank you!
dev
branch.Description
🤖 Generated by Copilot at 6b2bae3
Improved accessibility of
selection
column intable
component. AddedariaLabel
attributes to checkbox elements using column label as value.Related Issue
Fixes #___.
Explanation of Changes
🤖 Generated by Copilot at 6b2bae3
ariaLabel
attribute to header and body checkbox elements inselection
column for accessibility (link, link, link)renderHeader
function ofselection
column to acceptcolumn
parameter with column information (link)