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.

Sign up for GitHub

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

Jump to bottom

[a11y]: API Key Modal, Screen reader not identified the Read only state #6248

Closed
2 tasks done
anamikaanu96 opened this issue Oct 18, 2024 · 0 comments · Fixed by #6481
Closed
2 tasks done

[a11y]: API Key Modal, Screen reader not identified the Read only state #6248

anamikaanu96 opened this issue Oct 18, 2024 · 0 comments · Fixed by #6481
Assignees
@anamikaanu96
Labels
component: APIKeyModal Sev 2 Aspects of design is broken and impedes users in a significant way, but has workaround. type: a11y ♿ Issues not following accessibility standards

Comments

@anamikaanu96
Copy link
Contributor

Package

@carbon/ibm-products

Browser

Firefox

Operating System

Windows

Package version

v2.52.0-rc.0

React version

No response

Automated testing tool and ruleset

Manual testing

Assistive technology

JAWS

Description

The Api key input field is non-editable/read-only. Same state info is not conveyed by the Screen reader. If selected all content in input field and given backspace, Screen reader announces as "Selection Deleted" whereas visually it is not.

Expected behaviour : Screen reader expected to announce the "Read only state" on focus(Tab/Arrow), ensure the same.

WCAG 2.1 Violation

No response

Reproduction/example

https://ibm-products.carbondesignsystem.com/?path=/story/ibm-products-components-generating-an-api-key-apikeymodal--generate&globals=viewport:basic

Steps to reproduce

This was reported in all variants of API Key Modal.

Code of Conduct
@anamikaanu96 anamikaanu96 added status: needs triage 🕵️‍♀️ type: a11y ♿ Issues not following accessibility standards labels Oct 18, 2024
@github-project-automation github-project-automation bot moved this to Needs triage 🧐 in Carbon for IBM Products Oct 18, 2024
@makafsal makafsal self-assigned this Oct 18, 2024
@amal-k-joy amal-k-joy moved this from Needs triage 🧐 to Backlog 🌋 in Carbon for IBM Products Oct 22, 2024
@matthewgallo matthewgallo added the Sev 2 Aspects of design is broken and impedes users in a significant way, but has workaround. label Oct 23, 2024
@makafsal makafsal removed their assignment Oct 24, 2024
@anamikaanu96 anamikaanu96 self-assigned this Nov 20, 2024
@anamikaanu96 anamikaanu96 mentioned this issue Nov 20, 2024
Merged
@anamikaanu96 anamikaanu96 moved this from Backlog 🌋 to Needs review 👋 in Carbon for IBM Products Nov 20, 2024
@anamikaanu96 anamikaanu96 linked a pull request Nov 20, 2024 that will close this issue
fix(APIKeyModal): improve screen reader announcement #6481
Merged
@github-project-automation github-project-automation bot moved this from Needs review 👋 to Done 🚀 in Carbon for IBM Products Dec 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@anamikaanu96 anamikaanu96

Labels
component: APIKeyModal Sev 2 Aspects of design is broken and impedes users in a significant way, but has workaround. type: a11y ♿ Issues not following accessibility standards
Projects
Carbon for IBM Products
Status: Done 🚀
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(APIKeyModal): improve screen reader announcement anamikaanu96/ibm-products
4 participants
@makafsal @matthewgallo @anamikaanu96 @amal-k-joy