Accessibility"
From Documentation
| Line 17: | Line 17: | ||
== Check at Runtime == | == Check at Runtime == | ||
| − | To ensure za11y.jar | + | To ensure za11y.jar run as expected, you can simply inspect a textbox: |
| + | |||
'''textbox.zul''' | '''textbox.zul''' | ||
<source lang='xml'> | <source lang='xml'> | ||
| Line 23: | Line 24: | ||
</source> | </source> | ||
| − | Inspect the textbox with developer tool, you will see: | + | Visit the zul page and Inspect the textbox with a browser developer tool, you will see: |
<source lang='html' high='2'> | <source lang='html' high='2'> | ||
<input id="h5AP0" class="z-textbox" type="text" | <input id="h5AP0" class="z-textbox" type="text" | ||
| − | aria-disabled="false" aria-readonly="false"> | + | aria-disabled="false" aria-readonly="false"> |
</source> | </source> | ||
| − | + | If you see ARIA attributes rendered in the element, that mean the module works successfully. | |
{{ZKDevelopersReferenceHeadingToc}} | {{ZKDevelopersReferenceHeadingToc}} | ||
{{ZKDevelopersReferencePageFooter}} | {{ZKDevelopersReferencePageFooter}} | ||
Revision as of 10:16, 25 September 2020
Required Setup
ZK accessibility module is a separate, optional jar, you have to include it manually to enable it.
<dependency>
<groupId>org.zkoss.zk</groupId>
<artifactId>za11y</artifactId>
<version>${zk.version}</version>
</dependency>
Check at Runtime
To ensure za11y.jar run as expected, you can simply inspect a textbox:
textbox.zul
<textbox />
Visit the zul page and Inspect the textbox with a browser developer tool, you will see:
<input id="h5AP0" class="z-textbox" type="text"
aria-disabled="false" aria-readonly="false">
If you see ARIA attributes rendered in the element, that mean the module works successfully.