noAccessKey
Este conteúdo não está disponível em sua língua ainda.
Diagnostic Category: lint/a11y/noAccessKey
Since: v1.0.0
Sources:
- Same as:
jsx-a11y/no-access-key
Enforce that the accessKey
attribute is not used on any HTML element.
The accessKey
assigns a keyboard shortcut to the current element. However, the accessKey
value
can conflict with keyboard commands used by screen readers and keyboard-only users, which leads to
inconsistent keyboard actions across applications. To avoid accessibility complications,
this rule suggests users remove the accessKey
attribute on elements.
Examples
Section titled ExamplesInvalid
Section titled Invalidcode-block.jsx:1:22 lint/a11y/noAccessKey FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the accessKey attribute to reduce inconsistencies between keyboard shortcuts and screen reader keyboard comments.
> 1 │ <input type=“submit” accessKey=“s” value=“Submit” />
│ ^^^^^^^^^^^^^
2 │
ℹ Assigning keyboard shortcuts using the accessKey attribute leads to inconsistent keyboard actions across applications.
ℹ Unsafe fix: Remove the accessKey attribute.
1 │ <input·type=“submit”·accessKey=“s”·value=“Submit”·/>
│ --------------
code-block.jsx:1:31 lint/a11y/noAccessKey FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the accessKey attribute to reduce inconsistencies between keyboard shortcuts and screen reader keyboard comments.
> 1 │ <a href=“https://webaim.org/” accessKey=“w”>WebAIM.org</a>
│ ^^^^^^^^^^^^^
2 │
ℹ Assigning keyboard shortcuts using the accessKey attribute leads to inconsistent keyboard actions across applications.
ℹ Unsafe fix: Remove the accessKey attribute.
1 │ <a·href=“https://webaim.org/“·accessKey=“w”>WebAIM.org</a>
│ -------------
code-block.jsx:1:9 lint/a11y/noAccessKey FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the accessKey attribute to reduce inconsistencies between keyboard shortcuts and screen reader keyboard comments.
> 1 │ <button accessKey=“n”>Next</button>
│ ^^^^^^^^^^^^^
2 │
ℹ Assigning keyboard shortcuts using the accessKey attribute leads to inconsistent keyboard actions across applications.
ℹ Unsafe fix: Remove the accessKey attribute.
1 │ <button·accessKey=“n”>Next</button>
│ -------------