Quick Reference
Element Code: AC-021
Issue: Dropdown select elements lack associated labels
Impact: Screen readers cannot identify what the dropdown is for
Fix: Add label element with for attribute matching select id
Detection: axe DevTools, WAVE, form audits
What Is This Issue?
Select dropdowns without labels leave users guessing about what they are selecting. This is especially problematic when there are multiple dropdowns on a page.
Why This Matters for Your Website
Form accessibility directly impacts conversion rates. Users who cannot identify form fields cannot complete purchases, registrations, or other key actions.
How to Fix This Issue
- Add label element:
- Or use aria-label: For dropdowns without visible labels
Tools for Detection
- axe DevTools: Flags unlabeled selects
- WAVE: Shows missing form labels
TL;DR (The Simple Version)
Your dropdown menus have no labels. Add a label element that describes what each dropdown is for, like "Select your country" or "Choose a size".
About SEO ProCheck
Technical SEO consulting and GEO strategy with 20 years of enterprise experience. Case studies, resources, and tools for search and AI visibility.
Work With Me
Technical SEO audits, GEO strategy, site migrations, and international SEO. Hourly consulting for teams who need hands-on support, not just reports.
Subscribe to our newsletter!
Recent Posts
- No Social Schema December 7, 2025
- Missing Social Profile Links December 7, 2025
- Social Image Wrong Size December 7, 2025