18 developer’s support for creating accessible applications
-
Upload
aegis-accessible-projects -
Category
Business
-
view
312 -
download
0
description
Transcript of 18 developer’s support for creating accessible applications
DEVELOPER’S SUPPORT FOR
CREATING ACCESSIBLE
APPLICATIONS
Jan Vystrcil Czech Technical University in Prague
2 CTU in Prague AEGIS Workshop and International Conference, Brussels
ARIA Development
Developer IDE
3 CTU in Prague AEGIS Workshop and International Conference, Brussels
AEGIS ARIA Developer Tool
• Set of 3 plugins for standard NetBeans IDE
1. Palette with ARIA components
2. Project templates for ARIA application
3. Sample ARIA applications
4 CTU in Prague AEGIS Workshop and International Conference, Brussels
Palette with ARIA components
• Palette with components from 3 WAI-ARIA enabled JS based toolkits
– jQuery
– MooTools
– Fluid Infusion
• 34 components in total
• ARIA enhancement of the components done by AEGIS project partners
5 CTU in Prague AEGIS Workshop and International Conference, Brussels
Palette with ARIA components
• Drag-n-drop components to the source code
• Component setup dialogs for customization
– Context help for
component parameters
– Direct link to online
documentation
– Easy editing of
structured components
• Tree
• Menu
• Accordion
6 CTU in Prague AEGIS Workshop and International Conference, Brussels
Palette with ARIA components
• Guidance comments
• Includes configuration of plugin
– Source code formatting preferences
– Context help display/hide
– Guidance comments display/hide
• Components can be inserted directly by
keyboard
7 CTU in Prague AEGIS Workshop and International Conference, Brussels
Project templates for ARIA application
• Template projects for ARIA application
• Possible selection of toolkits to be used
– Pre-linked JavaScript libraries of the toolkit
– Pre-linked default CSS styles
• Available in standard NetBeans menu
– File->New Project->Web
8 CTU in Prague AEGIS Workshop and International Conference, Brussels
Sample ARIA applications
• Sample ARIA Calendar application – MooTools based
– jQuery based
• Available in standard NetBeans menu – File->New Project->Samples->AEGIS
9 CTU in Prague AEGIS Workshop and International Conference, Brussels
Installation of plugins
• Via standard NetBeans plugin manager
• Update center also available for automatic
updates
• Download of beta version
https://cent.felk.cvut.cz/hci/aegis/?page=aadt
10 CTU in Prague AEGIS Workshop and International Conference, Brussels
Conclusion
• Use of WAI-ARIA enabled widgets
• Integration to common IDE
• Support of development process
11 CTU in Prague AEGIS Workshop and International Conference, Brussels
Thank you for attention
Jan Vystrcil
Czech Technical University in Prague
Faculty of Electrical Engineering
Czech Republic