I polished things a bit more. I should mention, this is a progressive enhancement on top of a select element. jQuery wraps targeted select elements with a new slider, creating segments for each option in the select. When the handle is dragged, the slider updates the currently selected option and tooltips are derived from the option text.
My hope is that this approach will make it easier for screen readers to interact with custom sliders.
Be sure to check out the video.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2017 Dribbble Holdings Ltd. All screenshots © their respective owners.