![]() ![]() |
WAI-ARIA also provides properties to describe events and notifications:
<h1>AJAX Chat</h1>
<div id="chatArea" role="wairole:log">
<ul id="chatRegion" aaa:live="polite"
aaa:atomic="false">
<li>There are currently 4 users online.</li>
<li>Users: Cool_Like_CLC. DShinja. E-Lisa. Nightdog.</li>
<li>E-Lisa: This is fun.</li>
<li>E-Lisa: LOL</li>
<li>Nightdog: Hi there!</li>
</ul>
<ul id="userListRegion" aaa:live="off"
aaa:relevant="additions removals text"
style="visibility: visible;">
<li>Cool_Like_CLC</li>
<li>DShinja</li>
<li>E-Lisa</li>
<li>Nightdog</li>
</ul>
</div>
<div id="userControlsArea">
<input type="text" id="sendText" size="72"
onkeyup="keyHandler(event)"/>
<input type="button" id="sendButton" value="Send"
aaa:controls="chatRegion"
onclick="takeMessage()"/>
</div>
<span id="statusRegion" aaa:live="assertive"/>
11 of 16 |