noAccessKey
诊断类别:lint/a11y/noAccessKey
¥Diagnostic Category: lint/a11y/noAccessKey
自从:v1.0.0
¥Since: v1.0.0
来源:
¥Sources:
-
与以下相同:
jsx-a11y/no-access-key
¥Same as:
jsx-a11y/no-access-key
强制不在任何 HTML 元素上使用 accessKey
属性。
¥Enforce that the accessKey
attribute is not used on any HTML element.
accessKey
为当前元素分配键盘快捷键。但是,accessKey
值可能与屏幕阅读器和仅使用键盘的用户使用的键盘命令相冲突,从而导致应用之间的键盘操作不一致。为了避免可访问性复杂化,此规则建议用户删除元素上的 accessKey
属性。
¥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
¥Invalid
code-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>
│ -------------
¥Resources
¥Related links