Files
dewedev/node_modules/eslint-plugin-jsx-a11y/docs/rules/no-autofocus.md
dwindown 7f2dd5260f Initial commit: Developer Tools MVP with visual editor
- Complete React app with 7 developer tools
- JSON Tool with visual structured editor
- Serialize Tool with visual structured editor
- URL, Base64, CSV/JSON, Beautifier, Diff tools
- Responsive navigation with dropdown menu
- Dark/light mode toggle
- Mobile-responsive design with sticky header
- All tools working with copy/paste functionality
2025-08-02 09:31:26 +07:00

1.1 KiB

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:

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

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

Succeed

<div />

Fail

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

Accessibility guidelines

General best practice (reference resources)

Resources