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".
Claude Vincent is a technical SEO consultant focused on crawlability, rendering, and AI-search visibility. He writes the field guides and case studies at SEO ProCheck, with a bias toward the durable, unglamorous work that decides whether search engines and AI answer engines can actually read and cite a site.
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!
