adobe / adobe/react-spectrum

Current page item on Android w/ Talkback is not navigable with swipe navigation

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

Description

# 🐛 Bug Report

Swiping through a page the current page within a breadcrumb does not participate in the swipe sequence so a user can never read it. It also does not get read when you tap it.

## 🤔 Expected Behavior

It should appear in both swipe sequence and when you do tap to read on the screen.

## 😯 Current Behavior

Go to https://react-spectrum.adobe.com/react-spectrum/Breadcrumbs.html on Android with talkback running. swipe through to the current page breadcrumb item and observe that it is skipped

## 💁 Possible Solution

It seems that a role="link" which is not focusable gets skipped. Adding tabindex=-1 to the link resolves the issue. The link is disabled so -1 should work fine.

## 🔦 Context

## 💻 Code Sample

## 🌍 Your Environment

| Software | Version(s) |
| ---------------- | ---------- |
| react-spectrum |
| Browser | Chrome 109 / Talkback 13
| Operating System | Android 10

## 🧢 Your Company/Team

## 🕷 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.