ARIA Resources

From CodeTalks

Contents 1 Information 1.1 Articles and Tutorials 1.2 Academic Papers Specific to ARIA 1.3 Specifics on ARIA implementations 1.4 Resources 1.5 Blogs 1.6 Videos 2 Tools 2.1 Validation and Testing 2.2 JavaScript toolkits 2.3 ARIA Fixup 3 Discussion 3.1 Newsgroups / Mailing Lists 3.2 IRC 4 Consultants

Information

Articles and Tutorials

• Video introducing WAI-ARIA by Todd Kloots of Yahoo!
• Article introducing WAI-ARIA by Gez Lemon of The Paciello Group. Also available in Spanish, French, Japanese and German.
• ARIA drag and drop. Also in French
• Safari/Webkit ARIA role documentation -- apple's Safari/Webkit documentation with ARIA
• Podcast introducing WAI-ARIA -- Freedom Scientific's CTO Glen Gordon explains ARIA and its benefits. Next, Jonathan Mosen demos JAWS with ARIA-enabled applications.
• Web_2.0_Accessibility_with_WAI-ARIA_FAQ
• Easy ARIA tips for enhancing HTML forms:
  • Technique:_enhancing_HTML_forms_with_aria-labelledby_and_aria-describedby
  • Technique:_marking_form_fields_as_required_using_aria-required
  • Technique:_improving_forms_for_all_via_aria-invalid_and_role="alert"
• Developing an ARIA slider by Hans Hillen of The Paciello Group
• Enhancing TabView accessibility with ARIA by Todd Kloots, Yahoo!
• Improving Accessibility Through Focus Management by Todd Kloots, Yahoo!
• AJAX accessibility article by John Resig
• Accessible Web 2.0 Applications by Martin Kliehm
• Building an accessible rating widget with Dojo and WAI-ARIA by Peter Parente
• Docs/Keyboard_navigable_JS_widgets -- not sure if this is competely covered by newer tutorials and docs.
• WebAIM's intro to ARIA
• Using WAI ARIA Landmark Roles

Academic Papers Specific to ARIA

• Ajax Live Regions: Chat as a Case Example (pdf) by Peter Thiessen and Charles Chen W4A 2007

Specifics on ARIA implementations

• JAWS treatment of ARIA
• ARIA support in Safari -- Apple's documentation for ARIA in Safari/Webkit

Resources

• W3C's WAI-ARIA draft specification
• W3C's WAI-ARIA Best Practices Guide provides strong recommendations for learning about Web 2.0 accessibility
• W3C's WAI-ARIA Primer is a good introduction to Web 2.0 accessibility
• Style guide for keyboard interaction in DHTML widgets, which is discussed on the wai-xtech mailing list
• Various ARIA Examples Illinois Center for Information Technology Accessibility
• ARIA User Agent Implementors Guide to assist developers of user agents (warning: this is for web browser developers and most likely confusing for authors)

Blogs

• Access Garage
• Juicy Studio
• Marco's Accessibility Blog
• The Access Pond
• The Paciello Group
• IT Solutions Blog (accessibility specific)
• mindforks (aria specific)
• YUI Blog (accessibility-specific entries)

Videos

• Video tutorials.
• NVDA (Open Source Screen Reader for Windows)
  • Using the YUI Carousel ARIA Plugin
  • Using the YUI Menu ARIA Plugin
  • Using the YUI Container ARIA Plugin
• See also the ARIA_Video_Project_Home_Page.

Tools

Validation and Testing

• Validator.nu: a WAI-ARIA+HTML5 validation prototype
• Validating HTML4+ARIA with a DTD
• W3C Validator for MAC OSX with Experimental WAI-ARIA Support
• Experimental HTML 4.01 +ARIA and XHTML 1.0 + ARIA DTDs
• NVDA screen reader for Windows
• Orca screen reader for GNOME
• Juicy Studio Accessibility Toolbar Inspects color contrast, tables and all WAI-ARIA markup, including highlighting live regions.
• Eclipse ACTF Accessibility Probe (AccProbe) for inspecting, event-monitoring, and exploring a hierarchy of accessible objects in an MSAA- or IAccessible2-enabled application. Because WAI-ARIA support in Firefox 3.x is primarily achieved using IAccessible2, AccProbe can be used to inspect and explore accessible objects that represent elements in the DOM that use WAI-ARIA.
• JAWS 10 Public Beta A beta version of the screen reader with LiveRegions support. However, please note that a full JAWS license is required for testing any "HTML or Web Based" code.
• Illinois Firefox Accessibility Extension

JavaScript toolkits

• WAI-ARIA Implementation in JavaScript UI Libraries
• Dojo -- the Dijit toolkit is very accessible. They provide the following Dijit accessibility documentation.
• YUI
• GWT
• Fluid Infusion
• JQuery UI
• BBC Glow
• access.see.be - Testing Phase! Feel free to give your feedback on the project´s website or in the "Free ARIA"-Google Group

ARIA Fixup

These are tools for supplementing the HTML in web applications with ARIA markup as they load into a browser. In order for a user to benefit, they must install the tools, and ARIA metadata must exist in the system for the given web application.

• AxsJAX from Google
• Social Accessibility from IBM -- supports live region metadata

Discussion

Newsgroups / Mailing Lists

• Mozilla Dev Accessibility
• Free ARIA This group is for people who want to help provide free tools and resources for the advancement of WAI-ARIA.
• wai-xtech archive The mailing list for public dicussions of ARIA is wai-xtech. People who want to participate in wai-xtech should email the PFWG Chair to request a subscription.

IRC

• Mozilla join the #accessibility channel (irc.mozilla.org)
• W3C join the #wai-aria channel (irc.w3.org:6665) for public discussions about WAI-ARIA, Members should keep discussion of internal drafts on #pf.

Consultants

Web 2.0 Accessibility Consultants