← Back to rules

jsx-a11y/iframe-has-title 정확성

해당 규칙의 기능

iframe 요소에 제목 속성이 반드시 있어야 함을 강제합니다.

왜 문제가 되는가?

스크린 리더 사용자는 iframe의 내용을 설명하기 위해 제목 속성을 의존합니다. 만약 마크업에 제목 속성이 포함되어 있지 않으면, 사용자에게는 iframe 내부를 빠르게 탐색하고 이해하는 것이 어려워지고 혼란스러워집니다.

예시

이 규칙에 부적절한 코드 예시:

<iframe />
<iframe {...props} />
<iframe title="" />
<iframe title={''} />
<iframe title={``} />
<iframe title={undefined} />
<iframe title={false} />
<iframe title={true} />
<iframe title={42} />

이 규칙에 적절한 코드 예시:

<iframe title="이것은 고유한 제목입니다" />
<iframe title={uniqueTitle} />

사용 방법

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

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/iframe-has-title": "error"
  }
}

CLI

oxlint --deny jsx-a11y/iframe-has-title --jsx-a11y-plugin

참고 자료

• 규칙 소스