Skip to content

Rule · Accessibility

Interactive controls are nested

a11y/nested-interactiveerrorvoid a11yupdated

Why it matters

A button inside a link (or similar) confuses focus order and screen-reader announcements.

How to fix it

Un-nest the controls; make the card a single link or separate actions.

References

void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.