HTML ESSENTIALS
===============

PAGE STRUCTURE
--------------
Use landmarks to describe the page: header, nav, main, and footer.
Give the page one clear h1. Use h2 and h3 headings to organise sections
without choosing heading levels for their visual size.

<header>
  <nav aria-label="Primary">
    <a href="/">Home</a>
  </nav>
</header>
<main>
  <h1>Project title</h1>
  <section aria-labelledby="features-heading">
    <h2 id="features-heading">Features</h2>
  </section>
</main>

LINKS AND IMAGES
----------------
Use an anchor for navigation and a button for an action.
Write link text that makes sense out of context.
Describe informative images with alt text; use alt="" for decorative images.

FORMS
-----
Associate every input with a visible label.
Use the correct input type and provide useful instructions.
Keep validation errors next to the field and explain how to fix them.

<label for="email">Email address</label>
<input id="email" name="email" type="email" autocomplete="email" required>

CHECK BEFORE SHIPPING
---------------------
- Can you navigate the page using only a keyboard?
- Does the document have a useful title and language?
- Are buttons, links, and form controls named clearly?