Menubar"

From Documentation
(Menubar a11y)
 
m (Keyboard)
Line 14: Line 14:
 
! <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 27:
 
|-
 
|-
 
| 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 the menu popup
 
|}
 
|}

Revision as of 07:02, 4 August 2020

Menubar

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

Required Settings

Naming issue. For more information, please refer to Accessibility

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 the menu popup