---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: invalid.jsx
---
# Input
```jsx
<>
    <div onClick={() => {}} />
    <div  {...spread} onClick={() => {}} />
    <div  {...spread} onClick={() => {}}>foo</div>
</>
```

# Diagnostics
```
invalid.jsx:2:5 lint/a11y/useKeyWithClickEvents  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Enforce to have the onClick mouse event with the onKeyUp, the onKeyDown, or the onKeyPress keyboard event.
  
    1 │ <>
  > 2 │     <div onClick={() => {}} />
      │     ^^^^^^^^^^^^^^^^^^^^^^^^^^
    3 │     <div  {...spread} onClick={() => {}} />
    4 │     <div  {...spread} onClick={() => {}}>foo</div>
  
  i Actions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.
  
  i Safe fix: Suppress rule lint/a11y/useKeyWithClickEvents
  
    1 1 │   <>
    2   │ - ····<div·onClick={()·=>·{}}·/>
      2 │ + ····{/*·biome-ignore·lint/a11y/useKeyWithClickEvents:·<explanation>·*/}
      3 │ + ····<div·onClick={()·=>·{}}·/>
    3 4 │       <div  {...spread} onClick={() => {}} />
    4 5 │       <div  {...spread} onClick={() => {}}>foo</div>
  

```