Adding no-noninteractive-tabindex to README

Author: jessebeach

README.md

@@ -116,6 +116,7 @@ You can also enable all the recommended rules at once. Add `plugin:jsx-a11y/reco
 - [no-interactive-element-to-noninteractive-role](docs/rules/no-interactive-element-to-noninteractive-role.md): Interactive elements should not be assigned non-interactive roles.
 - [no-noninteractive-element-interactions](docs/rules/no-noninteractive-element-interactions.md): Non-interactive elements should not be assigned mouse or keyboard event listeners.
 - [no-noninteractive-element-to-interactive-role](docs/rules/no-noninteractive-element-to-interactive-role.md): Non-interactive elements should not be assigned interactive roles.
+- [no-noninteractive-tabindex](docs/rules/no-noninteractive-tabindex.md): `tabIndex` should only be declared on interactive elements.
 - [no-onchange](docs/rules/no-onchange.md): Enforce usage of `onBlur` over `onChange` on select menus for accessibility.
 - [no-redundant-roles](docs/rules/no-redundant-roles.md): Enforce explicit role property is not the same as implicit/default role property on element.
 - [no-static-element-interactions](docs/rules/no-static-element-interactions.md): Enforce that non-interactive, visible elements (such as `<div>`) that have click handlers use the role attribute.

__tests__/src/rules/no-noninteractive-tabindex-test.js

@@ -19,7 +19,7 @@ import rule from '../../../src/rules/no-noninteractive-tabindex';
 const ruleTester = new RuleTester();
 
 const expectedError = {
-  message: 'TabIndex should only be declared on interactive elements.',
+  message: '`tabIndex` should only be declared on interactive elements.',
   type: 'JSXAttribute',
 };
 
@@ -38,8 +38,8 @@ const alwaysValid = [
 const neverValid = [
   { code: '<div tabIndex="0" />', errors: [expectedError] },
   { code: '<div role="article" tabIndex="0" />', errors: [expectedError] },
-  { code: '<article tabIndex="0" />', errors: [expectedError]  },
-  { code: '<article tabIndex={0} />', errors: [expectedError]  },
+  { code: '<article tabIndex="0" />', errors: [expectedError] },
+  { code: '<article tabIndex={0} />', errors: [expectedError] },
 ];
 
 ruleTester.run('no-noninteractive-tabindex', rule, {

src/rules/no-noninteractive-tabindex.js

@@ -22,7 +22,7 @@ import isInteractiveRole from '../util/isInteractiveRole';
 import { generateObjSchema } from '../util/schemas';
 
 const errorMessage =
-  'TabIndex should only be declared on interactive elements.';
+  '`tabIndex` should only be declared on interactive elements.';
 
 const schema = generateObjSchema();