HTML Forms and Accessibility Cheat Sheet
A 2-page reference for accessible HTML forms and landmarks: 15 short entries with copy-ready code.
ForDevelopers
// Label every input
<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email" required>
// Input types
<input type="tel">
<input type="url">
<input type="number" min="0" max="10" step="1">
<input type="date">
// Group related fields
<fieldset>
<legend>Shipping method</legend>
<label><input type="radio" name="ship" value="std"> Standard</label>
<label><input type="radio" name="ship" value="exp"> Express</label>
</fieldset>What's inside
- Format
- PDF, Markdown
- Contents
- 15 sections · 2 pages
- Version
- 1.0 · Updated 3 Oct 2026
- Licence
- Personal What this means
- Checked
- Checked before it ships
- html-forms-and-accessibility-cheat-sheet.pdfPDF · 20 KB
- html-forms-and-accessibility-cheat-sheet.mdMarkdown · 2 KB
- LICENSE.txtadded to every download
About this item
A compact, printable reference for accessible HTML forms and landmarks. Each of the 15 entries has a one-line explanation and a small example you can paste into your editor. The PDF uses a two-column A4 layout designed to sit next to your keyboard, and the same content ships as Markdown so you can search it or drop it into your notes. Every HTML example targets HTML Living Standard.
- HTML
- Forms
- Accessibility
- A11y
- Cheat sheet
Reviews
No reviews yet.