aarongustafson/autocomplete.html

## autocomplete.html
<label for="n">What’s your name?</label>
<input id="n" name="n"
       required aria-required="true"
       autocorrect="off" autocapitalize="words"
       placeholder="Sir Tim Berners Lee"
       autocomplete="name"
       >

## autocorrect.html
<label for="n">What’s your name?</label>
<input id="n" name="n"
       required aria-required="true"
       autocorrect="off" autocapitalize="words"
       >

## div-banner.html
<div role="banner">
  … Banner content …
</div>

## email.html
<label for="e">What’s the best email address to reach you at?</label>
<input type="email" id="e" name="e">

## errors.html
<div class="errors" role="alert" tabindex="0">
  <p>Hmm, there seems to be an error with your submission.</p>
  <ol>
    <li>We need <a href="#n">your name</a></li>
  </ol>
</div>

## header.html
<header>
  … Banner content goes here …
</header>

## html-skeleton.html
<!DOCTYPE html>
<html id="akapart" lang="en">
  <head>
    <meta charset="utf-8">
    <title>10k Apart</title>
  </head>
  <body>
    … My content went here …
  </body>
</html>

## inline-error.html
<label for="n">What’s your name?</label>
<input id="n" name="n"
       required aria-required="true"
       autocorrect="off" autocapitalize="words"
       placeholder="Sir Tim Berners Lee"
       autocomplete="name"
       value=""
       aria-invalid="true"
       aria-describedby="e-n"
       >
<strong id="e-n">You want to get credit for your project right? Please provide your name.</strong>

## main.html
<main>
  … Primary content goes here …
</main>

## name.html
<label for="n">What’s your name?</label>
<input id="n" name="n">

## nav-list.html
<nav aria-label="Main Navigation">
  <ul>
    <li><a href="/faq">Read the Rules</a></li>
    … Navigation continues …
  </ul>
</nav>

## nav.html
<nav aria-label="Main Navigation">
  … Navigation goes here …
</nav>

## placeholder.html
<label for="n">What’s your name?</label>
<input id="n" name="n"
       required aria-required="true"
       autocorrect="off" autocapitalize="words"
       placeholder="Sir Tim Berners Lee"
       >

## required.html
<label for="n">What’s your name?</label>
<input id="n" name="n"
       required aria-required="true"
       >

## semantic-structure.html
<header>
  … Banner content goes here …
  <nav aria-label="Main Navigation">
    … Navigation goes here …
  </nav>
</header>
<main>
  … Primary content goes here …
</main>
<footer>
  … Copyright, etc. goes here …
</footer>
	<label for="n">What’s your name?</label>
	<input id="n" name="n"
	required aria-required="true"
	autocorrect="off" autocapitalize="words"
	placeholder="Sir Tim Berners Lee"
	autocomplete="name"
	>
	<label for="e">What’s the best email address to reach you at?</label>
	<input type="email" id="e" name="e">
	<div class="errors" role="alert" tabindex="0">
	<p>Hmm, there seems to be an error with your submission.</p>
	<ol>
	<li>We need <a href="#n">your name</a></li>
	</ol>
	</div>
	<!DOCTYPE html>
	<html id="akapart" lang="en">
	<head>
	<meta charset="utf-8">
	<title>10k Apart</title>
	</head>
	<body>
	… My content went here …
	</body>
	</html>
	<label for="n">What’s your name?</label>
	<input id="n" name="n">
	<header>
	… Banner content goes here …
	<nav aria-label="Main Navigation">
	… Navigation goes here …
	</nav>
	</header>
	<main>
	… Primary content goes here …
	</main>
	<footer>
	… Copyright, etc. goes here …
	</footer>