jsx-a11y/aria-proptypes 정확성
작동 방식
요소가 잘못된 ARIA 상태 및 속성 값을 사용하지 않도록 강제합니다.
왜 문제가 되는가?
잘못된 ARIA 상태 및 속성 값을 사용하면 스크린 리더와 기타 보조 기술을 오도할 수 있습니다.
이로 인해 웹사이트의 접근성 기능이 실패할 수 있으며, 장애를 가진 사용자가 사이트를 효과적으로 사용하기 어려워질 수 있습니다.
예시
이 규칙에 부적절한 코드 예시:
jsx
<div aria-level="yes" />
<div aria-relevant="additions removalss" />이 규칙에 적절한 코드 예시:
jsx
<div aria-label="foo" />
<div aria-labelledby="foo bar" />
<div aria-checked={false} />
<div aria-invalid="grammar" />사용 방법
구성 파일 또는 명령줄에서 이 규칙을 활성화하려면 다음을 사용하세요:
json
{
"plugins": ["jsx-a11y"],
"rules": {
"jsx-a11y/aria-proptypes": "error"
}
}bash
oxlint --deny jsx-a11y/aria-proptypes --jsx-a11y-plugin