Skip to main content

Accessible Form Pattern

<form action="/account" method="post">
<fieldset>
<legend>Account details</legend>
<label for="email">Email</label>
<input id="email" name="email" type="email" required />
<button type="submit">Create account</button>
</fieldset>
</form>

Pattern Rules

  • Visible labels
  • Valid names
  • Group related controls
  • Descriptive button text

What's Next