← Back to rules

jsx-a11y/no-distracting-elements 정확성

작동 방식

시각적으로 혼란을 유발할 수 있는 요소가 사용되지 않도록 강제합니다.

왜 문제가 되는가?

시각적으로 혼란을 유발할 수 있는 요소는 시각 장애를 가진 사용자에게 접근성 문제를 일으킬 수 있습니다. 이러한 요소들은 대부분 폐기된 것으로, 피해야 합니다. 기본적으로 <marquee> 및 <blink> 요소는 시각적으로 혼란을 유발하며, 전정계 장애를 유발할 수 있습니다.

예시

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

<marquee />
<marquee {...props} />
<marquee lang={undefined} />
<blink />
<blink {...props} />
<blink foo={undefined} />

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

<div />
<Marquee />
<Blink />

구성

이 규칙은 다음 속성을 가진 구성 객체를 수용합니다.

elements

type: array

확인할 혼란을 유발하는 요소 목록입니다.

elements[n]

type: "marquee" | "blink"

사용 방법

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

구성 파일 (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/no-distracting-elements": "error"
  }
}

CLI

oxlint --deny jsx-a11y/no-distracting-elements --jsx-a11y-plugin

참조

• 규칙 소스