WAIC-TEST-0143-01
role属性による逐次的な更新の通知(role=”log”の使用)
role=”log”を持つ要素の内容を更新した際に、更新内容だけが通知されることを確認する。
4.1.3
ARIA23
<h2 id="chatHeading">会話のログ</h2>
<div id="chatLog" role="log">
<ul id="chatMessage"></ul>
</div>
function makeChat () {
var chatText = ["自動返信:こんにちわ!", "自動返信:5つカウントした後、返信を終了します", "自動返信:1", "自動返信:2", "自動返信:3", "自動返信:4", "自動返信:5", "自動返信:返信はこれで終了です"];
var chatContent = document.getElementById("chatMessage");
var list = document.createElement("li")
var item = document.createTextNode(chatText[counter]);
list.appendChild(item);
chatContent.appendChild(list);
counter++;
if (counter > 7) {
clearInterval(myVar);
}
}
テスト不要
なし
「メッセージを送る」ボタンを押下する
「あなた:こんにちわ」と通知される
「メッセージを送る」ボタンのすぐ後に続く「ダミーコンテンツです」から始まるリンクへと移動する
リンク内容の通知の後、「自動返信」から始まるメッセージが通知される(リンク内容の通知は、自動返信の通知に遮られないこと)
role属性