Write form labels everyone can understand

Every form field needs a label that explains its purpose before typing begins.

Use short, direct wording such as Name, Email, and Tracking code.

Do not use a placeholder as the main label because it disappears after typing.

In HTML, match the label’s for attribute with the input’s id.

Click the label text and confirm focus moves into the related field.

Place format help near the input, such as “eight digits, no spaces.”

Do not mark required fields with color alone; add text or an explained symbol.

An error message should state the problem and how to correct it.

Complete the form using only Tab and the keyboard, checking the navigation order.

The final test is whether users know what to enter without guessing.

Official sources

• W3C WAI — Labeling Controls
• W3C WAI — Form Instructions