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

[a11y]: Pagination-JAWS does not announce the Expanded/Collapsed State of the page no ComboBox #16567

Closed
2 tasks done
2nikhiltom opened this issue May 24, 2024 · 1 comment
Closed
2 tasks done

Comments

@2nikhiltom
Copy link
Contributor

2nikhiltom commented May 24, 2024

Package

@carbon/react

Browser

No response

Operating System

No response

Package version

v1.56.0

React version

18.02

Automated testing tool and ruleset

Manual QA

Assistive technology

JAWS

Description

Expand/Collapse status for the page number box is not announced by screen reader
image
Screen reader expected to announce both Expand & Collapse status, make it possible by using ARIA Expand /Collapse properties accordingly.

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-pagination--default

Code of Conduct

@guidari
Copy link
Contributor

guidari commented Oct 14, 2024

We are using the Select component that uses select tag from HTML. The select annouces when it's being closed and it announces the information when it's open.

Open State
Image

Close state:
Image

Useful links:
https://www.w3schools.com/tags/tag_select.asp
https://a11ysupport.io/tests/tech__html__select#assertion-html-select_element-convey_collapsed_state-

@guidari guidari closed this as completed Oct 14, 2024
@github-project-automation github-project-automation bot moved this from ⏱ Backlog to ✅ Done in Design System Oct 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

No branches or pull requests

3 participants