7f2dd5260f
- 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
31 lines
896 B
Markdown
31 lines
896 B
Markdown
# jsx-a11y/no-access-key
|
|
|
|
💼 This rule is enabled in the following configs: ☑️ `recommended`, 🔒 `strict`.
|
|
|
|
<!-- end auto-generated rule header -->
|
|
|
|
Enforce no accessKey prop on element. Access keys are HTML attributes that allow web developers to assign keyboard shortcuts to elements. Inconsistencies between keyboard shortcuts and keyboard commands used by screen readers and keyboard-only users create accessibility complications so to avoid complications, access keys should not be used.
|
|
|
|
### References
|
|
1. [WebAIM](https://webaim.org/techniques/keyboard/accesskey#spec)
|
|
|
|
## Rule details
|
|
|
|
This rule takes no arguments.
|
|
|
|
### Succeed
|
|
```jsx
|
|
<div />
|
|
```
|
|
|
|
### Fail
|
|
```jsx
|
|
<div accessKey="h" />
|
|
```
|
|
|
|
## Accessibility guidelines
|
|
General best practice (reference resources)
|
|
|
|
### Resources
|
|
- [WebAIM, Keyboard Accessibility: Accesskey](https://webaim.org/techniques/keyboard/accesskey#spec)
|