adobe / adobe/react-spectrum

Readonly Radio buttons/group are not being announced properly in various screenreaders

Open
#2,581 0 comments 0 reactions 0 assignees View on GitHub
accessibility RadioGroup
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

# 🐛 Bug Report

Readonly radios aren't announced properly by TalkBack, VoiceOver (iOS and desktop), and NVDA. Haven't tested JAWS.

```
- TalkBack
- Announces properly w/ aria-readonly=“true” but not with readonly applied on input
- iOS VoiceOver
- Doesn’t announce properly w/ readonly or aria-readonly applied on input.
- VoiceOver
- Doesn’t announce properly w/ readonly or aria-readonly applied on input.
- Doesn’t announce the group as readonly either
- NVDA
- Doesn’t announce properly w/ readonly or aria-readonly applied on input
```
Looks to be pre-existing for the most part, TalkBack only announced it properly when we had applied `aria-readonly` to the radio buttons themselves but that goes against the [spec](https://www.w3.org/TR/wai-aria-1.2/#radio)

## 🤔 Expected Behavior

Screen readers should announce readonly radio buttons/groups as readonly

## 😯 Current Behavior

Screen readers don't announce readonly radio buttons/groups as readonly

## 💁 Possible Solution

May not be one, look to see if there is a bug filed against the various screenreaders. If no bug exists, file one.

## 🌍 Your Environment

| Software | Version(s) |
| ---------------- | ---------- |
| react-spectrum |. 3.14.1
| Browser |
| Operating System |

## 🧢 Your Company/Team

RSP

## 🕷 Tracking Issue (optional)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.