jsx-a11y/mouse-events-have-key-events 정확성
작동 방식
onMouseOver/onMouseOut는 onFocus/onBlur와 함께 사용되어야 함을 강제합니다.
왜 좋지 않은가?
키보드로 코드를 작성하는 것은 마우스를 사용할 수 없는 신체적 장애가 있는 사용자, 접근성 도구(이하 AT) 호환성, 스크린 리더 사용자를 위해 중요합니다.
예시
이 규칙에 대한 잘못된 코드 예시:
jsx
<div onMouseOver={() => void 0} />이 규칙에 대한 올바른 코드 예시:
jsx
<div onMouseOver={() => void 0} onFocus={() => void 0} />구성
이 규칙은 다음 속성을 가진 구성 객체를 수용합니다.
hoverInHandlers
type: string[]
기본값: ["onMouseOver"]
대응하는 키보드 이벤트 핸들러가 필요한 하위 마우스 이벤트 핸들러 목록입니다.
hoverOutHandlers
type: string[]
기본값: ["onMouseOut"]
대응하는 키보드 이벤트 핸들러가 필요한 하위 마우스 이벤트 핸들러 목록입니다.
사용 방법
이 규칙을 설정 파일 또는 명령줄에서 활성화하려면 다음과 같이 사용할 수 있습니다:
json
{
"plugins": ["jsx-a11y"],
"rules": {
"jsx-a11y/mouse-events-have-key-events": "error"
}
}bash
oxlint --deny jsx-a11y/mouse-events-have-key-events --jsx-a11y-plugin