← Back to rules

jsx-a11y/scope 정확성

An auto-fix is available for this rule.

작동 방식

scope 속성은 <th> 요소에서만 사용되어야 합니다.

왜 문제인가요?

scope 속성은 올바르게 사용될 경우 화면 독자 사용자에게 테이블 탐색을 훨씬 쉽게 만들어 줍니다.
잘못 사용하면, 테이블 탐색이 훨씬 더 어렵고 비효율적이 될 수 있습니다.
화면 독자는 테이블에 헤더가 있으며, 이 헤더가 스코프를 지정한다고 가정합니다.
화면 독자의 동작 방식 때문에 정확한 헤더가 존재할 경우, 장치를 사용하는 사람에게 테이블 보기의 접근성과 효율성이 크게 향상됩니다.

예시

이 규칙에 대한 잘못된 코드 예시:

<div scope />

이 규칙에 대한 올바른 코드 예시:

<th scope="col" />
<th scope={scope} />

사용 방법

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

구성 파일 (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/scope": "error"
  }
}

CLI

oxlint --deny jsx-a11y/scope --jsx-a11y-plugin

참고 자료

• 규칙 소스