Menubar"

From Documentation
(Menubar a11y)
 
 
(6 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{ZKComponentReferencePageHeader}}
 
{{ZKComponentReferencePageHeader}}
 
+
{{versionSince|9.5.0}} {{ZK EE}}
= Menubar =
+
{{ZKComponentReferenceAccessibilityNamingReference}}
{{ZKComponentReferenceAccessibilityComponentInfo}}
 
 
 
  since 9.5.0
 
 
 
== Required Settings ==
 
Naming issue. For more information, please refer to [[ZK_Component_Reference/Accessibility | Accessibility]]
 
  
 
== Keyboard Support ==
 
== Keyboard Support ==
{| border="1px"
+
{| class="wikitable"
 
! <center>Key</center>
 
! <center>Key</center>
 
! <center>Description</center>
 
! <center>Description</center>
 
|-
 
|-
| ArrowLeft / ArrowRight
+
| <b>Horizontal root level:</b> ArrowLeft / ArrowRight<br><b>Vertical root level:</b> ArrowUp / ArrowDown<br><b>All Menupopup:</b> ArrowUp / ArrowDown
| <b>Horizontal:</b> Navigate menu items<br><b>Vertical:</b> Close / open the menu popup
+
| Navigate menu items
 
|-
 
|-
| ArrowUp / ArrowDown
+
| <b>Horizontal root level:</b> ArrowDown<br><b>Vertical root level :</b> ArrowRight
| <b>Horizontal:</b> Close / open the menu popup<br><b>Vertical:</b> Navigate menu items
+
| Open the menu popup
 +
|-
 +
| <b>All Menupopup:</b> ArrowLeft / ArrowRight
 +
| Open / close the menu popup
 
|-
 
|-
 
| Enter
 
| Enter
Line 24: Line 21:
 
|-
 
|-
 
| Spacebar
 
| Spacebar
| Activate the menu item / Open the menu popup<br>Toggle the checkbox (only apply to <b>autocheck</b>)
+
| Activate the menu item / Open the menu popup<br>Toggle the checkbox without closing the menupopup (only apply to <b>autocheck</b> enabled)
 
|-
 
|-
 
| Escape
 
| Escape
| Close the menu popup
+
| Close all existing menu popups even if you open multiple ones
 +
|}
 +
 
 +
== Limitations ==
 +
{| class="wikitable"
 +
! <center>Feature</center>
 +
! <center>Description</center>
 +
|-
 +
| Autodrop
 +
| This feature only supports mouse.
 
|}
 
|}

Latest revision as of 11:08, 4 August 2023

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
Horizontal root level: ArrowLeft / ArrowRight
Vertical root level: ArrowUp / ArrowDown
All Menupopup: ArrowUp / ArrowDown
Navigate menu items
Horizontal root level: ArrowDown
Vertical root level : ArrowRight
Open the menu popup
All Menupopup: ArrowLeft / ArrowRight Open / close the menu popup
Enter Activate the menu item / Open the menu popup
Spacebar Activate the menu item / Open the menu popup
Toggle the checkbox without closing the menupopup (only apply to autocheck enabled)
Escape Close all existing menu popups even if you open multiple ones

Limitations

Feature
Description
Autodrop This feature only supports mouse.