wai-aria-example.html

<!doctype html>
<html>
<head>
<title>Title of your document</title>
<meta charset='utf-8'>
<meta name='description' content='description of your document'>
</head>


<body>

<header role='banner'>
  <h1>Title of your document</h1>
  <nav>
    <ol role='navigation'>
      <li>
        <a href='#'>alpha</a>
      </li>
      <li>
        <a href='#'>bravo</a>
      </li>
      <li>
        <a href='#'>charlie</a>
      </li>
      <li>
        <a href='#'>delta</a>
      </li>
    </ol>
    <form role='search'>
      <input type='search' placeholder='Need to find something?'>
      <input type='submit' value='search'>
    </form>
  </nav>
</header>

<main role='main'>
  <h2>Main Content</h2>
  <p>Juicy content</p>
</main>

<aside role='complementary'>
  <h2>Sidebar</h2>
  <p>Complementary content</p>
</aside>

<footer role='contentinfo'>
  <h2>Footer</h2>
  <p>Information about the document</p>
</footer>

</body>
</html>