Interactive controls nested inside other controls on WordPress
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 WordPress
Check which theme/plugin outputs this markup (view source, search the class names). Child-theme template overrides are the safest place to change it.
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.