Skip to main content

no-click-div

Clickable div should use a button or link.

SeverityDimensionFiles
WarningAccessibility.tsx .jsx

What it flags

A line like this:

Options

is reported as:

How to fix it

Replace with a semantically correct interactive element.

preset AI suggests a fix it can apply for you: Replace clickable <div> with <button>. Clickable divs are not keyboard accessible. Use a <button> or <a> element for proper semantics, focus management, and screen reader support.

Before:

Options

After:


Was this page helpful?

Last reviewed by @jschuyler
All systems operationalDocsDevelopersPlatformPricing
PrivacyTerms© 2026 fndd, LLC