Accessible forms

Forms are where most accessibility failures hurt real people, because a form nobody can fill in is a dead end. Every input needs a visible label tied to it. Do this with matching for and id attributes, or by wrapping the input inside the label.

Use the right input type (email, tel, number, date) so phones show the right keyboard. Group related radio buttons in a fieldset, with a legend that names the group. Write error messages in text next to the field, not only as a red border.

Placeholder text is not a label: it disappears when you type and is often too faint to read. Get accessible forms right now, and every framework form you build later starts accessible.