Permalink
Cannot retrieve contributors at this time
43 lines (32 sloc)
1.05 KB
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
codeql-action/node_modules/eslint-plugin-jsx-a11y/docs/rules/no-autofocus.md
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# jsx-a11y/no-autofocus | |
💼 This rule is enabled in the following configs: ☑️ `recommended`, 🔒 `strict`. | |
<!-- end auto-generated rule header --> | |
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 | |
<div /> | |
``` | |
### Fail | |
```jsx | |
<div autoFocus /> | |
<div autoFocus="true" /> | |
<div autoFocus="false" /> | |
<div autoFocus={undefined} /> | |
``` | |
## Accessibility guidelines | |
General best practice (reference resources) | |
### Resources | |
- [WHATWG HTML Standard, The autofocus attribute](https://html.spec.whatwg.org/multipage/interaction.html#attr-fe-autofocus) | |
- [The accessibility of HTML 5 autofocus](https://www.brucelawson.co.uk/2009/the-accessibility-of-html-5-autofocus/) |