WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Sliders with two thumbs on mobile

for

From: Ajay Sharma
Date: Dec 18, 2019 1:42PM


Thanks so much Paul, it was very helpful and very nicely explained.
Hope to see some thing like this in authoring practice doc soon.

Cheers!
Ajay

On 12/18/19, James Nurthen < <EMAIL REMOVED> > wrote:
> If you want to make a slider work on iOS you need to use a native HTML
> input type=range.
> Paul has one here http://pauljadam.com/demos/multithumb-slider.html
>
> On Wed, Dec 18, 2019 at 10:54 AM glen walker < <EMAIL REMOVED> > wrote:
>
>> Have you already looked at "Slider (Multi-Thumb)" in the authoring
>> practice?
>>
>> https://www.w3.org/TR/wai-aria-practices/#slidertwothumb
>>
>> https://www.w3.org/TR/wai-aria-practices/examples/slider/multithumb-slider.html
>>
>> The example works ok with the keyboard and with NVDA but does not work on
>> ios. The adjustable value for the slider doesn't respond to flicks
>> up/down
>> even when the rotor is set to "adjust value". I don't have an android
>> device to test the volume keys.
>>
>>
>> On Tue, Dec 17, 2019 at 8:26 PM Ajay Sharma < <EMAIL REMOVED> >
>> wrote:
>>
>> > Hi,
>> >
>> > We have a slider with two thumbs, through which the minimum or maximum
>> > value could be adjusted. Natively on iOS slider is adjusted with single
>> > finger up / down flick and on android, by volume keys, but that’s the
>> case
>> > with single thumb sliders, and it does not seem to work in this
>> situation.
>> >
>> > I am looking for some thoughts around the best practices to make it
>> > accessible with screenreader on mobile.
>> >
>> > Thanks!
>> > Ajay
>> > >> > >> > >> > >> >
>> >> >> >> >>
> > > > >