Skip to main content
All website issues
Ease of Use

Some form fields are missing labels

What this means for your business

Form fields — like contact forms or sign-up boxes — are missing labels. This confuses all users and makes your forms completely unusable for visitors who rely on screen readers or keyboard navigation.

How to fix it
Easy
20–30 minutes

  1. 1Every form input needs a label. The two correct ways to do this:
  2. 2Explicit label: <label for="email">Email address</label> <input type="email" id="email"> — the "for" attribute must match the input's "id".
  3. 3Aria-label: <input type="email" aria-label="Email address"> — use this when you don't want a visible label.
  4. 4Placeholder text is NOT a label substitute — it disappears when the user starts typing, making it hard for them to remember what the field was for.
  5. 5For groups of related inputs (radio buttons, checkboxes), wrap them in a <fieldset> and add a <legend> to describe the group.
  6. 6Test by pressing Tab to navigate through your form — each field should be announced clearly by a screen reader.

On WordPress

Contact Form 7, WPForms, and Gravity Forms all generate properly labelled forms by default. If you're using a custom HTML form in a text block, make sure to add label tags manually.

On Shopify

Shopify's built-in contact and checkout forms include proper labels. Custom forms added via liquid or HTML need manual label tags. Check your theme's form sections for proper label associations.

Does your site have this problem?

SiteSprout scans your site, tells you which issues you actually have in plain English, and keeps watch so nothing breaks silently.

Scan your site free