|
Last change
on this file was 9af201e, checked in by MBK <marija.karapandzova@…>, 12 days ago |
|
Fix frontend appearance
|
-
Property mode
set to
100644
|
|
File size:
896 bytes
|
| Line | |
|---|
| 1 | # jsx-a11y/no-access-key
|
|---|
| 2 |
|
|---|
| 3 | 💼 This rule is enabled in the following configs: ☑️ `recommended`, 🔒 `strict`.
|
|---|
| 4 |
|
|---|
| 5 | <!-- end auto-generated rule header -->
|
|---|
| 6 |
|
|---|
| 7 | 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.
|
|---|
| 8 |
|
|---|
| 9 | ### References
|
|---|
| 10 | 1. [WebAIM](https://webaim.org/techniques/keyboard/accesskey#spec)
|
|---|
| 11 |
|
|---|
| 12 | ## Rule details
|
|---|
| 13 |
|
|---|
| 14 | This rule takes no arguments.
|
|---|
| 15 |
|
|---|
| 16 | ### Succeed
|
|---|
| 17 | ```jsx
|
|---|
| 18 | <div />
|
|---|
| 19 | ```
|
|---|
| 20 |
|
|---|
| 21 | ### Fail
|
|---|
| 22 | ```jsx
|
|---|
| 23 | <div accessKey="h" />
|
|---|
| 24 | ```
|
|---|
| 25 |
|
|---|
| 26 | ## Accessibility guidelines
|
|---|
| 27 | General best practice (reference resources)
|
|---|
| 28 |
|
|---|
| 29 | ### Resources
|
|---|
| 30 | - [WebAIM, Keyboard Accessibility: Accesskey](https://webaim.org/techniques/keyboard/accesskey#spec)
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
