ZA11Y (ZK-Accessibility) Demo

(This demo is based on a preview version, feedback is welcome and will be considered in future improvements).

A demo project for selected accessibility features and patterns since zk 9.5.0 (provided in za11y.jar and the wcag/_c themes).

This demo serves as an introduction and doesn't demonstrate all available features / patterns. For more details be sure to checkout ZK Component Reference > Accessibility.

Studying the concepts about WAI-ARIA and an understanding of the WAI-ARIA Authoring Practices are recommended, before designing and integrating an accessibility design in your application.

Features demonstrated

• high contrast themes (wcag/wcag_c themes)
• accessible via
  • keyboard (tab, arrow keys)
  • screen reader (nvda, voiceover, jaws, narrator)
  • mouse
  • touch
• basic / responsive layout
• landmarks ('banner', 'navigation', 'main')
• implemented with commonly used ZK components
  • Layout: borderlayout, groubbox
  • Navigation: navbar, tabbox (multiple edit windows)
  • listbox, paging, filter
  • input elements, buttons
  • messagebox
  • toast (live updates via server-push)
  • ... (to be extended)

Run/Build Commands

run jetty

./gradlew appRun

http://localhost:8080/za11y-demo

build war

./gradlew war

License

• Demo Code - Apache License 2.0