Webdev:WAI-ARIA:Overview: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 28: Line 28:
...
...
</div>
</div>
<div id="content" role="main">
<div id="content" role="main" aria-live="assertive">
...
  AJAX content inserted here...
</div>
</div>
</pre>
</pre>

Revision as of 05:30, 3 April 2009

Show Me the Money!

Before ARIA

 <div id="ads">
 ...
 </div>
 <div id="nav">
   <form id="searchform" ...>
     <input name="query" value="" />
   </form>
 ...
 </div>
 <div id="content">
   AJAX content inserted here...
 </div>

After ARIA

<div id="ads" role="banner">
...
</div>
<div id="nav" role="navigation">
    <form id="searchform" role="search" ...>
      <input name="query" value="" aria-required="true" />
    </form>
...
</div>
<div id="content" role="main" aria-live="assertive">
  AJAX content inserted here...
</div>