Skip to content

Files

Latest commit

 

History

History
27 lines (21 loc) · 545 Bytes

mouse-events-have-key-events.md

File metadata and controls

27 lines (21 loc) · 545 Bytes

Pattern: Mouse event without keyboard event

Issue: -

Description

Elements with mouse event handlers (onMouseOver/onMouseOut) must also have corresponding keyboard event handlers (onFocus/onBlur) to ensure keyboard-only users can access the same functionality.

Examples

Example of incorrect code:

<div onMouseOver={showTooltip} />
<button onMouseOut={hideMenu} />

Example of correct code:

<div 
  onMouseOver={showTooltip}
  onFocus={showTooltip}
/>
<button
  onMouseOut={hideMenu}
  onBlur={hideMenu}
/>