HomeGuides › How to Build Accessible Forms

How to Build Accessible Forms

Forms are where accessibility most directly costs you money: an unusable contact or checkout form is a lost customer and a frequent lawsuit trigger.

Every field needs a label

Associate a visible <label> with each input using the "for" attribute, or wrap the input in the label. Placeholder text is not a substitute — it disappears when typing and often fails contrast.

Handle errors in text

When validation fails, describe the error in text near the field and tie it to the input so screen readers announce it. Don’t signal errors with color alone.

Keyboard and focus

Users must be able to reach and complete the whole form with the keyboard, in a logical order, with a visible focus indicator on the current field.

Check your site against these rules — free

Run an instant scan and get a plain-English list of exactly what to fix.

Scan my site free →

More guides

The WCAG 2.1 AA Checklist for Small BusinessesADA Website Lawsuits, ExplainedHow to Write Alt Text (With Examples)Color Contrast Requirements (WCAG 1.4.3)Keyboard Navigation & FocusHow to Test Your Site with a Screen Reader