- From: Joseph Scheuhammer <clown@alum.mit.edu>
- Date: Mon, 6 Jul 2015 11:52:42 -0400
- To: Fred Esch <fesch@us.ibm.com>
- Cc: W3C WAI Protocols & Formats <public-pfwg@w3.org>
Hi Fred,
> Is there any guidance on double ended (range) sliders, where a user
> can set the min and max values for a range on one slider. You see
> sliders like this all the time for filtering. For instance, if I want
> to set the lower and upper price range on a washing machine, engine
> size of a car...
The only advice I remember is in the APG -- sliders with two thumbs.
The maximum of the slider/thumb that represents the low end of the range
redefines the minimum of the slider/thumb that defines the upper end.
The script needs to take that into account and not allow the user to
move the thumbs past each other. Otherwise, aria-valuemin,
aria-valuemax, and aria-valuenow behave as usual.
Jon has an OOA a11y example:
http://www.oaa-accessibility.org/examplep/slider1/
TPG also provides an example:
http://files.paciellogroup.com/blogmisc/samples/aria/slider/doubleslider.html
And, here's one by Hans Hillen, using jQuery:
http://hanshillen.github.io/jqtest/#goto_slider
The APG advice:
http://w3c.github.io/aria/practices/aria-practices.html#slidertwothumb\
Hope that helps.
--
;;;;joseph.
'Array(16).join("wat" - 1) + " Batman!"'
- G. Bernhardt -
Received on Monday, 6 July 2015 15:53:11 UTC