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]: DataTable [with-radio-selection] - keyboard nav radio button VO extraneous announcement #14269

Closed
2 tasks done
Tracked by #13962
andreancardona opened this issue Jul 20, 2023 · 0 comments · Fixed by #14778
Closed
2 tasks done
Tracked by #13962

[a11y]: DataTable [with-radio-selection] - keyboard nav radio button VO extraneous announcement #14269

andreancardona opened this issue Jul 20, 2023 · 0 comments · Fixed by #14778
Assignees
@guidari
Labels
component: data-table role: dev 🤖 screen-reader: VoiceOver severity: 3 https://ibm.biz/carbon-severity type: a11y ♿

Comments

@andreancardona
Copy link
Contributor

Package

@carbon/react

Browser

Safari & iPhone

Package version

@carbon/[email protected]

Automated testing tool and ruleset

Manual QA

Assistive technology

VO

Description

Radio buttons in the table
VO extraneous announcement while focusing on each Radio button

While focusing on each radio button, VO announces A bunch of random numbers with the prefix "row minus". This over verbose announcement can mislead the user.

Recommended Fix

remove the extraneous announcement

Any redundant, excessively wordy and extraneous announcement can be distracting for the screen reader users.

WCAG 2.1 Violation

4.2.1 Name, Role and Value

Reproduction/example

Record Number 75 in the below table:
https://airtable.com/shrFsaeHhImOkuVNR

https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--with-radio-selection

Code of Conduct
@andreancardona andreancardona mentioned this issue Jul 20, 2023
Closed
@sstrubberg sstrubberg moved this to ⏱ Backlog in Design System Aug 1, 2023
@sstrubberg sstrubberg added this to the 2023 Q3 milestone Aug 1, 2023
@guidari guidari self-assigned this Sep 25, 2023
@tay1orjones tay1orjones removed this from the 2023 Q3 milestone Oct 2, 2023
@guidari guidari mentioned this issue Oct 4, 2023
Merged
@guidari guidari moved this from ⏱ Backlog to 🚦 In Review in Design System Oct 4, 2023
@github-project-automation github-project-automation bot moved this from 🚦 In Review to ✅ Done in Design System Oct 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@guidari guidari

Labels
component: data-table role: dev 🤖 screen-reader: VoiceOver severity: 3 https://ibm.biz/carbon-severity type: a11y ♿
Projects
Design System
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: added aria-live to stop extraneous announcement guidari/carbon
4 participants
@tay1orjones @sstrubberg @andreancardona @guidari