Controls nested inside other controls
nested-interactive
A clickable element sits inside another clickable element, such as a button inside a link.
Who this affects
Screen reader and keyboard users, who cannot reliably reach or trigger the inner control.
Fix it in WordPress
Common in product cards where the whole card is a link and it contains an Add to Cart button. Restructure the card so only the title is the link.
What the fix is, technically
Separate them so they sit side by side rather than one inside the other.
Does your site have this problem?
Scan any page free and find out in about fifteen seconds. No signup, and nothing about your site is stored.
Check my page