include::../common/why.adoc[]

[source,javascript,diff-id=1,diff-type=noncompliant]
----
<div role="button" onClick={handleClick} /* Noncompliant */>Click me</div>
----

include::../common/fix.adoc[]

[source,javascript,diff-id=1,diff-type=compliant]
----
<button onClick={handleClick}>Click me</button>
----

include::../common/resources.adoc[]