ARIA Toggle Button and Tri-state Checkbox examples

Posted by Steve Faulkner on April 1, 2008;

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:

Requirements:

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

Further Reading

3 Comments

  1. ARIA Slider, Part 1 - The Paciello Group Blog May 29th, 2008 at 7:11 pm

    [...] with Steve’s article ARIA Toggle Button and Tri-state Checkbox examples, we will be providing more examples about how to use ARIA roles and states in practice. As Steve [...]

  2. protofunc() » Aria Grundlagen June 23rd, 2008 at 5:32 am

    [...] Toggle und Tri-State-Button-Tutorial [...]

  3. Introduction à WAI ARIA (traduction) | Les intégristes December 9th, 2008 at 6:41 am

    [...] Exemple de case à cocher à trois états [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>