Webdev:WAI-ARIA:Overview: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 7: Line 7:
  </div>
  </div>
  <div id="nav">
  <div id="nav">
<form id="searchform" ...>
  <form id="searchform" ...>
<input name="query" value="" />
    <input name="query" value="" />
</form>
  </form>
  ...
  ...
  </div>
  </div>

Revision as of 05:28, 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">
 ...
 </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">
...
</div>