ARIA Toggle Button and Tri-state Checkbox examples

It is an exciting time for proponents of WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications). With support introduced in IE 8 (beta), better support in Firefox 3, planned in Opera and mooted in Safari, coupled with the recent changes to the specification making it easier to develop and deploy ARIA based widgets.

Providing detailed examples of ARIA controls including their expected and observed behaviours, it is hoped, will help further understanding of what ARIA is and does.

Two simple ARIA examples:

• Toggle Button
• Tri-state Checkbox

Requirements:

• Internet Explorer 8 beta or Firefox 3 beta.
• Javascript Enabled.
• JAWS 7.1+
• Window Eyes 5.5+

Further Reading

• ARIA: Accessible Rich Internet Applications/Relationship to HTML FAQ
• WAI-ARIA Overview
• WAI -ARIA Best Practices
• Accessible Rich Internet Applications (WAI-ARIA) Version 1.0