[dependency] - Add select eslint-plugin-jsx-a11y rules to lint config. (

#175)

This project is a really good use case to apply some accessibility
rules to the lint config. For beginners getting started with React, we
can also teach/enforce basic accessibility rules in the web at author
time.

For now, I’ve just applied to the rules that are listed in
`eslint-config-airbnb` because these are most real-world tested, and we
can continue to add.

Happy to help if there are any questions/issues/concerns about the
plugin!

config/eslint.js

@@ -24,7 +24,7 @@ module.exports = {
   parser: 'babel-eslint',
 
   // import plugin is termporarily disabled, scroll below to see why
-  plugins: ['react'/*, 'import'*/],
+  plugins: ['react'/*, 'import'*/, 'jsx-a11y'],
 
   env: {
     es6: true,
@@ -191,6 +191,12 @@ module.exports = {
     'react/no-direct-mutation-state': WARNING,
     'react/no-is-mounted': WARNING,
     'react/react-in-jsx-scope': WARNING,
-    'react/require-render-return': WARNING
+    'react/require-render-return': WARNING,
+
+    // https://github.com/evcohen/eslint-plugin-jsx-a11y/tree/master/docs/rules
+    'jsx-a11y/aria-role': WARNING,
+    'jsx-a11y/img-has-alt': WARNING,
+    'jsx-a11y/img-redundant-alt': WARNING,
+    'jsx-a11y/no-access-key': WARNING
   }
 };

package.json

@@ -44,6 +44,7 @@
     "eslint": "3.1.1",
     "eslint-loader": "1.4.1",
     "eslint-plugin-import": "1.10.3",
+    "eslint-plugin-jsx-a11y": "2.0.1",
     "eslint-plugin-react": "5.2.2",
     "extract-text-webpack-plugin": "1.0.1",
     "file-loader": "0.9.0",