search

adobe / react-spectrum

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
https://react-spectrum.adobe.com
Apache License 2.0
12.24k stars 1.07k forks source link

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

Open jnurthen opened 1 year ago

jnurthen commented 1 year ago

📝 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

dannify commented 1 year ago

Thanks James. Do you have any suggestions on how we can improve this?

majornista commented 1 year ago

@jnurthen and @dannify I see this as a VoiceOver on iOS problem. The behavior can be reproduced using any input[type="range"] which is used to handle increment and decrement in our Slider, RangeSlider and ColorSlider controls. VoiceOver does not announce the value changes when a user interacts using tap and hold to move the slider.

majornista commented 1 year ago

Experiment with using live-announcer to announce values when dragging.