Start scanning free

( Perceivable / WCAG 1.3.1 )

Related form inputs are missing fieldset and legend

This check maps to Info and Relationships. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Moderate Level A WCAG 1.3.1 — Info and Relationships

What’s wrong

A group of related inputs is presented without a fieldset and legend.

Why it matters

Screen reader users need group context when moving through related choices. Without it, each input is announced in isolation and meaning is lost.

How to fix it

Use semantic HTML and valid ARIA so assistive technology gets the same state and structure as sighted users. Keep labels and states explicit in markup.

Before
<label><input type="radio" name="contact" /> Email</label>
<label><input type="radio" name="contact" /> Phone</label>
After
<fieldset>
  <legend>Preferred contact method</legend>
  <label><input type="radio" name="contact" /> Email</label>
  <label><input type="radio" name="contact" /> Phone</label>
</fieldset>

If this pattern is generated by a component, fix it once in the shared component so every instance inherits the accessible behavior.

Learn more