Accessibility"
From Documentation
m |
|||
Line 4: | Line 4: | ||
A za11y demo project can be found [https://github.com/zkoss-demo/za11y-demo in github]. | A za11y demo project can be found [https://github.com/zkoss-demo/za11y-demo in github]. | ||
+ | |||
+ | = Installation = | ||
+ | Be sure to include za11y.jar to your project and specify one of the accessibility-ready themes. | ||
= Specify ARIA Attributes= | = Specify ARIA Attributes= |
Revision as of 10:00, 22 September 2020
The za11y (zk-accessibility) module (currently in preview) enables developers to create WCAG 2 compliant applications. Key features include keyboard interaction and screen reader support. An accessibility-ready theme (wcag*) should be used along with the module to deliver sufficient contrast.
A za11y demo project can be found in github.
Installation
Be sure to include za11y.jar to your project and specify one of the accessibility-ready themes.
Specify ARIA Attributes
You can specify arbitrary ARIA attribute on a component with namespace "client/attribute". For example you can add an aria-label like
<zk xmlns:ca="client/attribute">
<div ca:aria-hidden="true"/>
<textbox ca:aria-label="${field}"/>
</zk>
Note: the following subsections are only applied for ZK EE version only.
[Since ZK 9.5.0]