Select menus have no accessible name
Automated check select-name, run with axe-core
- WCAG
- 4.1.2 Name, Role, Value (Level A)
- Severity
- Blocker: a task cannot be completed
- Typical effort
- Quick win, under 1 hour
- Category
- Forms and controls
Who this affects
Screen reader users filling in dropdowns such as country, size or quantity.
Why it matters
The user hears the options but never learns what the dropdown is for, which commonly breaks checkout and booking flows.
How to fix it
Associate a <label> with the <select>, or add aria-label.
Check your own website
The free scan tests 3 pages against WCAG 2.2 A and AA in about 30 seconds. No sign-up.
Related checks: Forms and controls
- Custom buttons, links or menu items have no accessible name
- Dialogs have no accessible name
- Custom input widgets have no accessible name
- Custom checkboxes, switches or radio buttons have no accessible name
- Form fields use invalid autocomplete values
- Buttons have no discernible text
- Form field has more than one label
- Form buttons have no accessible name