Accessibility"

From Documentation
m
Line 8: Line 8:
 
<source lang='xml'>
 
<source lang='xml'>
 
<zk  xmlns:ca="client/attribute">
 
<zk  xmlns:ca="client/attribute">
     <textbox ca:aria-label="price"/>
+
     <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


Accessibility

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]





Last Update : 2020/09/16

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.