Skip to content
← Back to rules

jsx-a11y/no-redundant-roles 정확성

An auto-fix is available for this rule.

작동 방식

요소의 타입이 가진 암시적 role 속성과 동일한 경우, 코드에 중복된 role 속성이 포함되지 않도록 강제합니다.

왜 문제인가요?

중복된 역할은 코드베이스 내에서 혼란과 부담을 초래할 수 있습니다.

예시

이 규칙은 다음 요소와 그 암시적 역할에 적용됩니다:

  • <nav>: navigation
  • <button>: button
  • <body>: document

잘못된 코드 예시:

jsx
<nav role="navigation"></nav>
<button role="button"></button>
<body role="document"></body>

올바른 코드 예시:

jsx
<nav></nav>
<button></button>
<body></body>

사용 방법

이 규칙을 구성 파일이나 명령줄 인터페이스를 통해 활성화하려면 다음을 사용할 수 있습니다:

json
{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/no-redundant-roles": "error"
  }
}
bash
oxlint --deny jsx-a11y/no-redundant-roles --jsx-a11y-plugin

참고 자료