Dropdowns without a label on Lovable
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 Lovable
Ask the builder to add a visible `<label>` connected with `htmlFor`/`id` to every form field, instead of placeholder-only inputs.
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.