Accessibility"
From Documentation
m |
|||
| Line 8: | Line 8: | ||
<source lang='xml'> | <source lang='xml'> | ||
<zk xmlns:ca="client/attribute"> | <zk xmlns:ca="client/attribute"> | ||
| − | < | + | <div ca:aria-hidden="true"/> |
<textbox ca:aria-label="${field}"/> | <textbox ca:aria-label="${field}"/> | ||
</zk> | </zk> | ||
Revision as of 02:30, 16 September 2020
The za11y module (currently 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.
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]