kimpetersend1
7/26/2011 - 5:24 AM

Using ARIA roles with <header>, <footer> and <aside>

Using ARIA roles with

, and

index.html
content_copyfile_download
<!doctype html>
<html>
  <body>
    <header role="banner">
      <a href="/" rel="home">My company</a>
      <nav role="navigation">
        <a href="/about">About</a>
        <a href="/contact">Contact</a>
      </nav>
    </header>
    <section role="main">
      <h1>The meat and potatos</h1>   
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
    <footer role="contentinfo">
      <p>© Copyright Ben Schwarz 2011</p>
    </footer>
  </body>
</html>