The following three sliders have been created by giving the associated input the following className:
class="fd_range_0_255 fd_classname_extraclass fd_callback_updateColor"
The following vertical slider has been created by giving the associated input the following className:
class="fd_range_-255_255 fd_tween fd_vertical fd_classname_verticalclass"
Whenever a slider has focus, the arrow keys can be used to control the slider handle, the “Home” key to set the slider at it’s minimum value and the “End” key to set the slider at it’s maximum value.
The script automatically assigns each slider the required ARIA role of “slider” and states “valuemax”, “valuemin” and “valuenow”.
View the JavaScript source or read the related article.