Skip to content

Instantly share code, notes, and snippets.

@psdtohtml5
Created October 17, 2013 22:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save psdtohtml5/7033628 to your computer and use it in GitHub Desktop.
Save psdtohtml5/7033628 to your computer and use it in GitHub Desktop.
HTML : Wai-Aria template
<!doctype html>
<html>
<head>
<title>Title of your document</title>
<meta charset="utf-8">
<meta name="description" content="">
</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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment