Lead:  Liav Nadler

...

• A slider contains at least four elements:

  • A horizontal axis, representing the range of values

  • A handle, which a user can drag in order to select a value. The area to the left of the handle is colored to indicate the selected range

  • An Increase button at the right end of the slider. If the handle is at the right end of the slider the increase button will be disabled

  • A Decrease button at the left end of the slider. If the handle is at the left end of the slider the decrease button will be disabled

• The slider may also include:

  • A set of tick marks, with a fixed distance between them, indicating the possible values

  • A set of textual values, ordered from minimum to maximum only minimum and maximum values

  • A tooltip on top of the handle, showing the selected value

  • A supplemental text field, allowing the user to view the selected value and to change it manually. This is especially relevant to numeric values mandatory?

Default State

• A slider must have a default value, which can be the minimal or the most common value

...

• If one or more of the conditions above is not met. In this case, consider using radio buttons

Future Version (TBD)

Range Slider?

...

Accessibility compliance

<<In general each component should be A11y complied,  please follow the 3 guidelines linked below. At the very least we should document that each component is in compliance with each of the 3>>

...