Interactive controls nested inside other controls on Lovable
What this is
3 controls contain another focusable control (for example a link inside a button). Screen readers may not announce the inner control and keyboard focus gets confusing.
Who it affects
- Screen reader users
- Keyboard users
Standards
How to fix it
- Never put a link or button inside another link, button or element with an interactive role.
- Split them into siblings, or make only one element interactive and handle the other action another way.
On Lovable
Describe the element to the builder and ask it to correct the HTML structure without changing the visual design.
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.