Rangeslider"
From Documentation
| Line 6: | Line 6: | ||
since 9.5.0 | since 9.5.0 | ||
| − | + | ||
{{ZKComponentReferenceAccessibilityNamingReference}} | {{ZKComponentReferenceAccessibilityNamingReference}} | ||
Revision as of 07:36, 28 September 2020
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
| 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
| 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>