← Back to rules

jsx-a11y/no-autofocus 정확성

An auto-fix is available for this rule.

작동 방식

요소에 autoFocus 속성이 사용되지 않도록 강제합니다.

왜 문제가 되는가?

자동으로 포커스를 설정하는 요소는 시각이 있는 사용자와 시각이 없는 사용자 모두에게 사용성 문제를 일으킬 수 있습니다. 사용자가 입력 없이 포커스가 이동하면 혼란스러울 수 있으며, 보조 기술과의 충돌을 유발할 수 있습니다. 사용자는 페이지에서 포커스가 언제 그리고 어디로 이동하는지 스스로 조절해야 합니다.

예시

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

<div autoFocus />
<div autoFocus="true" />
<div autoFocus="false" />
<div autoFocus={undefined} />

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

<div />

구성

이 규칙은 다음 속성을 가진 구성 객체를 받습니다.

ignoreNonDOM

type: boolean

기본값: false

개발자가 만든 컴포넌트에 대한 검사를 결정합니다.

사용 방법

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

설정 파일 (.oxlintrc.json)

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

CLI

oxlint --deny jsx-a11y/no-autofocus --jsx-a11y-plugin

참조

• 규칙 소스