snag.page

Every check · Accessibility

Form labels

accessibility/labels

What it checks

Form fields with no label, aria-label, aria-labelledby or title.

Why it matters

Screen readers can't say what to type into a field without a label.

How to fix it

  1. Give each field a <label for="…"> matching its id, or wrap it in a label.
  2. Where a visible label would be redundant, add aria-label.

Check a site for this and everything else: snag.page. More on accessibility: Language Alt text Zoom Viewport Heading order Link names Button names Link text Frame titles