Multislider"
From Documentation
| Line 2: | Line 2: | ||
= Multislider = | = Multislider = | ||
| − | + | {{ZKComponentReferenceAccessibilityComponentInfo}} | |
| − | |||
| − | |||
| − | |||
== Required Settings == | == Required Settings == | ||
Revision as of 23:58, 28 July 2020
Multislider
- Available for ZK:
-
Required Settings
| aria-label / aria-labelledby | Name the Multislider. For more information about naming, please refer to Accessibility |
| data-ariaStartLabel | Describe the the slider button (start) on SliderButtons. |
| data-ariaEndLabel | Describe the the slider button (end) on SliderButtons. |
| data-largeStep-multiplier (optional) | Describe the moving step of pressing PageUp/PageDown. |
Keyboard Support
| ArrowUp / ArrowDown | Move the slider button. |
| ArrowLeft / ArrowRight | Move the slider button. |
| Home / End | Move the slider button to the minimum/maximum. |
| PageUp / PageDown | Move the slider button in the large step. |
Example
<zk xmlns:ca="client/attribute">
<multislider ca:aria-label="range value">
<sliderbuttons startValue="0" endValue="100" ca:data-ariaStartLabel="minimal range value"
ca:data-ariaEndLabel="maximal range value"/>
<sliderbuttons startValue="10" endValue="50" ca:data-ariaStartLabel="minimal range value"
ca:data-ariaEndLabel="maximal range value"/>
</multislider>
</zk>