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]: NumberInput - JAWS Announces the Input label name even after it is hidden #16531

Closed
2 tasks done
2nikhiltom opened this issue May 21, 2024 · 2 comments
Closed
2 tasks done

Comments

@2nikhiltom
Copy link
Contributor

2nikhiltom commented May 21, 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

From the Number input - playground, set the hidelabel Boolean to "true" (i.e hideLabel prop is true) and observe the JAWS announcement.
JAWS will announce the name of the input label which is visually hidden.

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-numberinput--playground&args=hideLabel:!false

Recommend Fix

Ensure that visually hidden label is hidden/not announced from/by screen reader as well

Code of Conduct

@wkeese
Copy link
Contributor

wkeese commented Nov 15, 2024

Isn't that how it's supposed to work, for labels on any input?

@2nikhiltom
Copy link
Contributor Author

Visually hidden label are expected to be announced by Screen readers - reference

@2nikhiltom 2nikhiltom closed this as not planned Won't fix, can't repro, duplicate, stale Nov 18, 2024
@github-project-automation github-project-automation bot moved this from ⏱ Backlog to ✅ Done in Design System Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ✅ Done
Development

No branches or pull requests

3 participants