WAI-ARIA
Accessible Rich Internet Applications
http://www.w3.org/TR/wai-aria/
http://www.yahoo.com/ で使われている。 検索ボックスの上のタブの選択、メニューの並べ替えなど。
WAI-ARIA 1.0 Authoring Practices
ユーザーエージェント実装ガイド（日立製作所による日本語訳）
CSUN2010参加報告セミナーまとめ http://togetter.com/li/14819
関連 jquery
Live Region のサンプル
since 2011-01-26
下記を Firefox で試す。3秒おきに text2 が更新される。nvdajp を使うと3秒おきに数字を読み上げる。
<html> <head> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#button1").click(function(){ function updateText() { count = parseInt($("#text1").text()) + 1; $("#text1").text( count ); if (count % 3 == 0) { $("#text2").text( count ); } timeoutID = window.setTimeout(updateText, 1000, true); } timeoutID = window.setTimeout(updateText, 1000, true); }); $("#button2").click(function(){ window.clearTimeout(timeoutID); }); }); </script> </head> <body> <input type="button" id="button1" value="start"/> <input type="button" id="button2" value="stop"/> <div id="text1" aria-live="off">0</div> <div id="text2" aria-live="assertive">0</div> </body> </html>
