Problem

24 HTML elements have onclick handlers but no keyboard equivalents, making them inaccessible to keyboard users.

SonarQube Rule: Web:MouseEventWithoutKeyboardEquivalentCheck
Severity: MINOR

Affected Files

Fix Strategy

Add onkeypress, onkeydown, or onkeyup handlers, or use semantic HTML elements like <button> that have built-in keyboard support.

<!-- BAD -->
<div onclick="doSomething()">Click me</div>

<!-- GOOD - Option 1: Add keyboard handler -->
<div onclick="doSomething()" onkeypress="doSomething()" tabindex="0" role="button">Click me</div>

<!-- GOOD - Option 2: Use semantic element -->
<button onclick="doSomething()">Click me</button>