[a11y]: Accessible Name for RadioButtons

[srikant-ch5]

Package

@carbon/react

Browser

Chrome

Operating System

MacOS

Package version

1.62.1

React version

18.3.0

Automated testing tool and ruleset

IBM Equal Accessibility Checker

Assistive technology

No response

Description

In some scenarios we don't want to show legend text in UI for associated Radiobuttons in such case there is an accessibility violation Group/Fieldset does not have an accessible name.

WCAG 2.1 Violation

No response

Reproduction/example

Run IBM Accessibility Checker on a RadioButtonGroup with no legendText.

Steps to reproduce

Open IBM Accessibility Checker Tool to Scan RadioButtonGroup with no legendText.

Suggested Severity

None

Code of Conduct

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

[nkn2022]

Adding legendText on the RadioButtonGroup had fixed this issue for me. You can try that.
See example here: https://react.carbondesignsystem.com/?path=/docs/components-radiobutton--overview#overview

[guidari]

You can use the aria-label instead of the legendText. That way it will fix the a11y issue.