Skip to content

Rule · Accessibility

Select element has no accessible name

a11y/select-nameerrorvoid a11yupdated

Why it matters

Without a label, screen readers announce only the current option, so users cannot tell what the dropdown is for.

How to fix it

Associate a visible <label for> with the select, or wrap the select in its label.

Example

tsx
<label for="country">Country</label><select id="country">…</select>

References

void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.