jsx-a11y/aria-unsupported-elements 정확성
작동 방식
예약된 DOM 요소가 ARIA 역할, 상태 또는 속성을 포함하지 않도록 강제합니다.
왜 문제가 되는가?
일부 예약된 DOM 요소는 ARIA 역할, 상태 및 속성을 지원하지 않습니다. 이는 보통 해당 요소가 시각적으로 표시되지 않기 때문입니다. 예를 들어 meta, html, script, style와 같은 요소입니다. 이러한 요소에 ARIA 속성을 추가하는 것은 의미 없으며, 스크린 리더 사용자에게 혼란을 줄 수 있습니다.
예시
이 규칙에 대한 잘못된 코드 예시:
jsx
<meta charset="UTF-8" aria-hidden="false" />이 규칙에 대한 올바른 코드 예시:
jsx
<meta charset="UTF-8" />사용 방법
설정 파일 또는 명령줄 인터페이스를 통해 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:
json
{
"plugins": ["jsx-a11y"],
"rules": {
"jsx-a11y/aria-unsupported-elements": "error"
}
}bash
oxlint --deny jsx-a11y/aria-unsupported-elements --jsx-a11y-plugin