[a11y]: DataTable [with-radio-selection] - label redundancy and confusion

[andreancardona]

Package

@carbon/react

Browser

FF, Safari & iPhone

Package version

@carbon/[email protected]

Automated testing tool and ruleset

Manual QA

Assistive technology

JAWS & VO

Description

Label for the Radio buttons in the first column in the table

Label and the toggle status getting updated causing redundancy and confusion

Both label and the checked status is changed according to the toggle function. This makes it redundant and sometimes confusing for the user.

Note: This issue is common for the check boxes found in the first column in the table for other variants as well.

Recommended Fix

It would be better if the label remains static because the toggle status is already conveyed by the "check" / "un checked" announcement.

WCAG 2.1 Violation

Reproduction/example

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

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

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems