Listbox"
From Documentation
| Line 4: | Line 4: | ||
{{ZKComponentReferenceAccessibilityNamingReference}} | {{ZKComponentReferenceAccessibilityNamingReference}} | ||
| + | You need to label a Listbox first, then ZK will add <code>aria-labelledby</code> on the <code>z-focus-a</code> button. | ||
== Keyboard Support == | == Keyboard Support == | ||
{| border="1px" | {| border="1px" | ||
Revision as of 04:23, 19 July 2021
Since 9.5.0
- Available for ZK:
-
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
You need to label a Listbox first, then ZK will add aria-labelledby on the z-focus-a button.
Keyboard Support
| ArrowUp / ArrowDown | Select Listitems or focus on Listheaders. |
| ArrowLeft / ArrowRight | Focus on Listcells or Listheaders |
| Enter / Spacebar | If the checkmark is enabled, pressing Enter/Spacebar will toggle the checkbox. |