sh78 · April 18, 2018 02:14
diff --git a/aria roles.html b/aria roles.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 role="navigation">
    <ol>
      <li>
        <a href="http://knowledge.onsubject.com/2011/02/06/html-role-attributes/">alpha</a>
      </li>
      <li>
        <a href="http://mcdlr.com/wai-aria-cheatsheet/">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>
	<!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 role="navigation">
	<ol>
	<li>
	<a href="http://knowledge.onsubject.com/2011/02/06/html-role-attributes/">alpha</a>
	</li>
	<li>
	<a href="http://mcdlr.com/wai-aria-cheatsheet/">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>