[a11y]: TileGroup/RadioTile missing readOnly support

[justindm234]

Package

@carbon/react

Browser

No response

Package version

11.82.1

React version

No response

Description

For proper accessibility support, input elements should support both disabled (exists) and readOnly (missing) states, since screen readers skip disabled content

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-tile--selectable

Steps to reproduce

Pass readOnly={true} to a RadioTile component and a readOnly is rendered on its LABEL element, while it should be on its INPUT element.

Suggested Severity

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

Application/PAL

No response

Code of Conduct

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

[tay1orjones]

@justindm234 The readOnly attribute doesn't apply to non-textual inputs like <input type="radio"/>

screen readers skip disabled content

What screenreader are you testing with - JAWS, VoiceOver, NVDA, Talkback? IIRC voiceover reads disabled elements as "dimmed" in certain cases. Disabled elements can also be accessed with JAWS' virtual cursor.