Add eslint-plugin-jsx-a11y, ref #290

react-boilerplate · Apr 28, 2016 · 967de91 · 967de91
1 parent faaf12e
commit 967de91
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/app/containers/HomePage/index.js b/app/containers/HomePage/index.js
@@ -81,9 +81,10 @@ export class HomePage extends React.Component {
           <section className={styles.textSection}>
             <H2>Try me!</H2>
             <form className={styles.usernameForm} onSubmit={this.props.onSubmitForm}>
-              <label>Show Github repositories by
+              <label htmlFor="username">Show Github repositories by
                 <span className={styles.atPrefix}>@</span>
                 <input
+                  id="username"
                   className={styles.input}
                   type="text"
                   placeholder="mxstbr"

diff --git a/package.json b/package.json
@@ -55,6 +55,10 @@
       "mocha": true,
       "es6": true
     },
+    "plugins": [
+      "react",
+      "jsx-a11y"
+    ],
     "parserOptions": {
       "ecmaVersion": 6,
       "sourceType": "module",
@@ -64,26 +68,20 @@
     },
     "rules": {
       "import/no-unresolved": 2,
-      "comma-dangle": [
-        2,
-        "always-multiline"
-      ],
-      "indent": [
-        2,
-        2,
-        {
-          "SwitchCase": 1
-        }
-      ],
+      "comma-dangle": [2, "always-multiline"],
+      "indent": [2, 2, { "SwitchCase": 1 }],
       "no-console": 1,
       "max-len": 0,
       "prefer-template": 2,
       "no-use-before-define": 0,
       "newline-per-chained-call": 0,
-      "arrow-body-style": [
-        2,
-        "as-needed"
-      ]
+      "arrow-body-style": [2, "as-needed"],
+      "jsx-a11y/href-no-hash": 2,
+      "jsx-a11y/label-has-for": 2,
+      "jsx-a11y/mouse-events-have-key-events": 2,
+      "jsx-a11y/role-has-required-aria-props": 2,
+      "jsx-a11y/role-supports-aria-props": 2,
+      "jsx-a11y/aria-props": 2
     },
     "settings": {
       "import/resolver": {