Skip to content

fix accessbility issue #346

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

Merged
merged 1 commit into from
Nov 15, 2021
Merged

fix accessbility issue #346

merged 1 commit into from
Nov 15, 2021

Conversation

yuzdeng
Copy link
Contributor

@yuzdeng yuzdeng commented Sep 17, 2021

fix: bugfix

Detail:
To fix the accessibility issues of pagination. Now the inputbox and select of pagination have the accessibility issues. For the detail please see the issues: #345

Solution:
Add the aria-label and defaultOpen value for the select and input component.

@vercel
Copy link

vercel bot commented Sep 17, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/react-component/pagination/AGdWs1XJUAgErxnkJahCm4hmDTsy
✅ Preview: https://pagination-git-fork-yuzdeng-a11y-issue-react-component.vercel.app

@@ -123,6 +123,8 @@ class Options extends React.Component {
value={(pageSize || pageSizeOptions[0]).toString()}
onChange={this.changeSize}
getPopupContainer={(triggerNode) => triggerNode.parentNode}
aria-label={locale.page_size}
defaultOpen={false}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
defaultOpen={false}

defaultOpen={false} could be deleted.

Copy link
Contributor Author

@yuzdeng yuzdeng Sep 22, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need defaultOpen to set the Input components aria-expanded props and fix the accessibility issue. For the detail you can check my this comment: ant-design/ant-design#31692 (comment)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@afc163 Any other problems here?

@yuzdeng yuzdeng requested a review from afc163 November 15, 2021 03:22
@afc163 afc163 merged commit f0b7f96 into react-component:master Nov 15, 2021
@manikandanm1757
Copy link

Can anybody update in which version this fix available?

@yoyo837
Copy link
Member

yoyo837 commented Sep 29, 2023

Can anybody update in which version this fix available?

image

@yoyo837 yoyo837 mentioned this pull request Sep 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants