adobe / adobe/react-spectrum

TabPanel Content Accessibility on Android's Talk Back

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

Description

### Provide a general summary of the issue here

When the content of a TabPanel consists only text, Talk Back seems unable to focus and read the content. However, if the TabPanel includes interactive components (such as links or input fields) alongside the text, Talk Back is able to focus on and read the content without issue.

This might be a TalkBack's bug, is there a workaround?

### 🤔 Expected Behavior?

TalkBack can focus and read TabPanel's contents when it has only text.

### 😯 Current Behavior

TalkBack can focus TabPanel but cannot focus/read its contents.

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

- https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
- https://react-spectrum.adobe.com/react-aria/Tabs.html

### Version

2.27.0

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

Android

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

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.