Package

@carbon/react

Browser

Chrome

Operating System

MacOS

Package version

1.88.0

React version

1.91.0-rc.0 (verified presence)

Automated testing tool and ruleset

n/a

Assistive technology

No response

Description

We need to add the aria-describedBy property to the input of the RadioTile so that screen readers will read descriptive text associated with the input. Currently, though, all of the ...rest properties are being assigned to the component's label element. This is likely a problem in the SelectableTile component as well (although I haven't verified that one), and other user-supplied properties — especially aria properties — might be better applied to the input rather than the label.

WCAG 2.1 Violation

No response

Reproduction/example

https://stackblitz.com/edit/github-hhcvdd35?file=src%2FApp.jsx

Steps to reproduce

add aria-describedBy to RadioTile/SelectableTile and use it to reference the id of another element, e.g., paragraph.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Code of Conduct

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