Rangeslider

Rangeslider

• Available for ZK:
• 

 since 9.5.0

Label a Component

To name a component with ARIA attribute by adding the aria-label client attribute to the component, please refer to ZK_Developer's_Reference/Accessibility#Specify_ARIA_Attributes

Attributes	Description
data-ariaStartLabel	Describe the the slider button (start).
data-ariaEndLabel	Describe the the slider button (end).
data-largeStep-multiplier (optional)	Describe the moving step of pressing PageUp/PageDown.

Keyboard Support

Key	Description
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">
  <rangeslider ca:aria-label="range value" ca:data-ariaStartLabel="minimal range value"
      ca:data-ariaEndLabel="maximal range value"/>
</zk>