Radio or checkbox group has no group label
Why it matters
Each radio button has its own label, but people also need the question. Without a group name a screen reader just says "Yes, radio button".
How to fix it
Wrap the group in a <fieldset> with a <legend> that holds the question.
<fieldset>
<legend>How should we contact you?</legend>
<label><input type="radio" name="c" value="email"> Email</label>
<label><input type="radio" name="c" value="phone"> Phone</label>
</fieldset> Read the W3C guidance: Understanding 1.3.1 Info and Relationships.
Related rules
- Heading levels are skipped (WCAG 1.3.1)
- Heading is empty (WCAG 1.3.1)
- Several navigation areas share no labels (WCAG 1.3.1)
- List item is outside a list (WCAG 1.3.1)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.