Error · nested-interactive

A button inside a button

Q: What does the nested-interactive error mean?

A button inside a button. Two clickable things are nested; screen readers and keyboards can only reach one.

Q: How do I fix nested-interactive?

Developer task; details below. Do not nest a button/link inside another interactive element; flatten the markup.

Q: Who does it affect?

blind people (screen readers), people who can't use a mouse

Two clickable things are nested; screen readers and keyboards can only reach one.

Who it leaves out: blind people (screen readers) · people who can't use a mouse

How to fix it

Developer task; details below.

In the code

Do not nest a button/link inside another interactive element; flatten the markup.

Does your site have this error?

Free check in about a minute, no account.

One more chance: free scan · no account

Related errors

Images without a description image-alt
Image buttons without a name input-image-alt
Buttons with no name button-name
Links that don't say where they go link-name
Form fields without a label label
Drop-down menus without a label select-name

Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.