WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Sliders with two thumbs on mobile

for

From: James Nurthen
Date: Dec 18, 2019 12:15PM


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
> > > > > > > > > >
> > > > >