1. DEVELOPER’S SUPPORT FOR
CREATING ACCESSIBLE
APPLICATIONS
Jan Vystrcil
Czech Technical University in Prague

2. ARIA Development
Developer IDE
CTU in Prague AEGIS Workshop and International Conference, Brussels 2

3. 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
CTU in Prague AEGIS Workshop and International Conference, Brussels 3

4. 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
CTU in Prague AEGIS Workshop and International Conference, Brussels 4

5. 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
CTU in Prague AEGIS Workshop and International Conference, Brussels 5

6. 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
CTU in Prague AEGIS Workshop and International Conference, Brussels 6

7. 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
CTU in Prague AEGIS Workshop and International Conference, Brussels 7

8. Sample ARIA applications
• Sample ARIA Calendar application
– MooTools based
– jQuery based
• Available in standard NetBeans menu
– File->New Project->Samples->AEGIS
CTU in Prague AEGIS Workshop and International Conference, Brussels 8

9. 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
CTU in Prague AEGIS Workshop and International Conference, Brussels 9

10. Conclusion
• Use of WAI-ARIA enabled widgets
• Integration to common IDE
• Support of development process
CTU in Prague AEGIS Workshop and International Conference, Brussels 10

11. Thank you for attention
Jan Vystrcil
Czech Technical University in Prague
Faculty of Electrical Engineering
Czech Republic
CTU in Prague AEGIS Workshop and International Conference, Brussels 11