Dropdowns without a label on Webflow
What this is
3 dropdowns have no label, so screen readers just say "combo box".
Who it affects
- Screen reader users
- People with cognitive disabilities
Standards
How to fix it
- Add a `<label for="…">` that matches the `<select>` id, or an `aria-label`.
Example
Before
<select id="country"><option>Germany</option></select>After
<label for="country">TODO: dropdown name</label>
<select id="country"><option>Germany</option></select>Replace the TODO with the real field name. If the design hides labels, hide it visually (a "visually-hidden" class) instead of removing it.
On Webflow
Add a Label element and set its "For" to the input (Element Settings). Do not rely on placeholder text.
Other platforms
Prompt for an AI coding tool
Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.
Check your own website
Paste a web address. The free scan checks one page and shows what it finds.
More fixes
Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.