Skip to content
← Back to rules

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

참고 자료