Toolbar"

From Documentation
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
 
{{ZKComponentReferencePageHeader}}
 
{{ZKComponentReferencePageHeader}}
 
+
{{versionSince|9.5.0}} {{ZK EE}}
= Toolbar =
 
{{ZKComponentReferenceAccessibilityComponentInfo}}
 
 
 
  since 9.5.0
 
 
 
 
 
 
{{ZKComponentReferenceAccessibilityNamingReference}}
 
{{ZKComponentReferenceAccessibilityNamingReference}}
  
 
== Keyboard Support ==
 
== Keyboard Support ==
{| border="1px"
+
{| class='wikitable'
 
! <center>Key</center>
 
! <center>Key</center>
 
! <center>Description</center>
 
! <center>Description</center>

Latest revision as of 03:43, 22 November 2022

Since 9.5.0

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

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

Keyboard Support

Key
Description
ArrowUp / ArrowLeft Moves focus to the previous control. If there is no previous control, focus movement will wrap from the first element to the last element.
ArrowDown / ArrowRight Moves focus to the next control. If there is no next control, focus movement will wrap from the last element to the first element.
Tab / Shift + Tab Move focus into and out of the toolbar.

Limitations

Due to this issue, we suggest not to display any components that need to be controlled with arrow keys in the toolbar.