Start scanning free

( Robust / WCAG 4.1.2 )

Select element has no accessible name

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

Serious Level A WCAG 4.1.2 — Name, Role, Value

What’s wrong

A select control is missing an accessible name from a label, aria-label, or aria-labelledby.

Why it matters

Screen reader users hear a generic combo box with no purpose. They cannot decide the correct option to choose.

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
<select id="country">
  <option>Australia</option>
</select>
After
<label for="country">Country</label>
<select id="country">
  <option>Australia</option>
</select>

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

Learn more