← Back to rules

jsx-a11y/click-events-have-key-events 정확성

작동 방식

onClick 이벤트가 최소 하나 이상의 다음 이벤트(onKeyUp, onKeyDown, onKeyPress)와 함께 제공되도록 강제합니다.

왜 문제가 될까?

키보드를 통한 접근성은 마우스를 사용할 수 없는 신체적 장애가 있는 사용자, 보조 기술(예: 스크린 리더) 호환성, 그리고 화면 독서기 사용자를 위해 중요합니다.
이 제약은 상호작용 가능한 요소나 숨겨진 요소에는 적용되지 않습니다.

예시

이 규칙에 어긋나는 잘못된 코드 예시:

<div onClick={() => void 0} />

이 규칙을 올바르게 준수하는 올바른 코드 예시:

<div onClick={() => void 0} onKeyDown={() => void 0} />

사용 방법

구성 파일이나 커맨드 라인 인터페이스에서 이 규칙을 활성화하려면 다음과 같이 사용하세요:

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/click-events-have-key-events": "error"
  }
}

CLI

oxlint --deny jsx-a11y/click-events-have-key-events --jsx-a11y-plugin

참고 자료

• 규칙 소스