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