Events and Notifications


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"/>

Source: CLC Accessible AJAX test cases