nexxos · October 2, 2013 09:05
diff --git a/ARIA Accessibility cheatsheet b/ARIA Accessibility cheatsheet
 <!doctype html>
 <html>
 <head>
 <title>Document title</title>
 <meta charset='utf-8'>
 <meta name='description' content='Description of document content'>
 </head>

 <body>

 <header role='banner'>
  <h1>Document title, main headline</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='Enter search term here...'>
      <input type='submit' value='search'>
    </form>
  </nav>
 </header>

 <main role='main'>
  <h2>Main Content</h2>
  <p>
    Text for this article. 
    Keep in mind that the hierarchy of headlines 
    (h1 descending to h6) matters a lot to screen readers.
  </p>
 </main>

 <aside role='complementary'>
  <h2>Sidebar</h2>
  <p>Complementary content, additional information and such...</p>
 </aside>

 <footer role='contentinfo'>
  <h2>Footer</h2>
  <p>Information about the document, it's author and such...</p>
 </footer>

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

	<body>

	<header role='banner'>
	<h1>Document title, main headline</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='Enter search term here...'>
	<input type='submit' value='search'>
	</form>
	</nav>
	</header>

	<main role='main'>
	<h2>Main Content</h2>
	<p>
	Text for this article.
	Keep in mind that the hierarchy of headlines
	(h1 descending to h6) matters a lot to screen readers.
	</p>
	</main>

	<aside role='complementary'>
	<h2>Sidebar</h2>
	<p>Complementary content, additional information and such...</p>
	</aside>

	<footer role='contentinfo'>
	<h2>Footer</h2>
	<p>Information about the document, it's author and such...</p>
	</footer>

	</body>
	</html>