jsx-a11y/no-autofocus

💼 This rule is enabled in the following configs: ☑️ recommended, 🔒 strict.

Enforce that autoFocus prop is not used on elements. Autofocusing elements can cause usability issues for sighted and non-sighted users, alike.

Rule options

This rule takes one optional object argument of type object:

json { "rules": { "jsx-a11y/no-autofocus": [ 2, { "ignoreNonDOM": true }], } }

For the ignoreNonDOM option, this determines if developer created components are checked.

Succeed

```jsx

```

Fail

```jsx

```

Accessibility guidelines

General best practice (reference resources)

Resources