概観

入門

ここでは、動作する例とアクセシブルなJavaScript ウィジェットを作るベストプラクティスを見ていきます。

一般リソース

• DHTML Style Guide にはキーボードインタラクションのお勧めがあります。
• WAI-ARIA Authoring Practices Guide

チェックボックス

• ARIA Toggle Button and Tri-state Checkbox examples (from "The Paciello Group Blog")
• ARIA Example Checkbox Widgets from the University of Illinois

メニュー

• Using WAI-ARIA Roles and States with the YUI Menu Control

スライダー

• From the Paciello Group Blog: ARIA Slider, part one, part two, part threet (example)
• Creating an Accessible, Internationalized Dojo Rating Widget

タブ

• Enhancing TabView Accessibility with WAI-ARIA Roles and States, from the YUI blog
• Enhancing the jQuery UI Tabs accordingly to WCAG 2.0 and ARIA
• Tab panel example here on CodeTalks

ライトボックス

• WCAG 2.0 and ARIA-conformant lightbox application
• http://majx-js.digissime.net/js/popin/

フォーム検証

• WCAG 2.0 and ARIA-conformant live form validation

表

• German tutorial on creating an accessible form
• Simple grid example at CodeTalks
• Date picker grid at CodeTalks
• WCAG 2.0 and ARIA-conformant sortable tables