adobe / adobe/react-spectrum

It is very tedious to increase/decrease ColorSlider, Slider, RangeSlider on iOS w/ VO

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

Description

# 📝 Feedback

ColorSlider/ColorArea/ColorWheel increases/decreases by only 1 on each swipe up/down when using voiceover on iOS. There doesn't seem to be any way to increase this increment. This makes it very tedious to increase/decrease the value.
You can use tap and hold to move the slider but there is no audible feedback on the new value when using this method so it doesn't really work well.

## 🔦 Context

## 💻 Code Sample

https://react-spectrum.adobe.com/react-spectrum/ColorSlider.html

## 🌍 Your Environment

| Software | Version(s) |
| ---------------- | ---------- |
| [Package name] | ColorSlider/ColorArea/ColorWheel
| Browser | Safari
| Operating System | iOS 16.3.1

## 🧢 Your Company/Team

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the behavior in the linked ColorSlider example using Safari on iOS with VoiceOver. Trace the ColorSlider, ColorArea, and ColorWheel entry points to determine how swipe increments and audible value feedback are handled. Done means the controls support a less tedious adjustment flow with useful feedback under VoiceOver.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react, typescript
Domain
accessibility, frontend, mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.