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

fix(accessibility): CR-4249 instantearch accessibility fixes #5884

Merged
merged 23 commits into from
Oct 18, 2023

Conversation

paynerichards
Copy link
Contributor

@paynerichards paynerichards commented Oct 5, 2023

Summary

This PR addresses accessibility concerns brought up in CR-429 by adding ARIA labels to slider handles and sortBy menu, and expanding on pagination labels

Also: CR-1201 adding aria-label to SearchBox

Result

Targeted areas have accessible labels

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 5, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 742b35a:

Sandbox Source
InstantSearch.js Configuration
react-instantsearch-app Configuration
example-react-instantsearch-default-theme Configuration
example-react-instantsearch-next-app-dir-example Configuration
example-vue-instantsearch-default-theme Configuration

Copy link
Contributor

@Haroenv Haroenv left a comment

Choose a reason for hiding this comment

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

🪨 thanks for your contribution! I have a couple questions:

Copy link
Member

@dhayab dhayab left a comment

Choose a reason for hiding this comment

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

Current changes look good to me, I'll let you handle Haroen's remark and you can run yarn jest -u to update the test snapshots, before we can move on with this contribution.

@dhayab
Copy link
Member

dhayab commented Oct 10, 2023

@paynerichards it seems there are unresolved snapshot mismatchs, probably in /tests/common/widgets/pagination/option.ts. Is it solved when rerunning a snapshot update command with Jest?

@Haroenv
Copy link
Contributor

Haroenv commented Oct 10, 2023

I believe the tests are still failing because Vue InstantSearch pagination might not be updated?

@paynerichards
Copy link
Contributor Author

@Haroenv @dhayab, do i need to go in to add all the same changes in vue/react packages?

@Haroenv
Copy link
Contributor

Haroenv commented Oct 10, 2023

Yes, the test and behaviour is common for all flavours, so the change should be done everywhere, thanks! If you can also do it in /specs, that would be ideal.

Sorry for missing that in earlier reviews

Copy link
Member

@dhayab dhayab left a comment

Choose a reason for hiding this comment

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

👏

@dhayab dhayab merged commit bed187b into master Oct 18, 2023
3 checks passed
@dhayab dhayab deleted the CR-4249/accessibility-fixes branch October 18, 2023 15:23
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.

3 participants