[new] Add no-invalid-aria rule.

Based on
[AX_ARIA_11](https://github.com/GoogleChrome/accessibility-developer-too
ls/wiki/Audit-Rules#ax_aria_11). Ensure that any aria-* property is
actually valid.

Author: Ethan Cohen

src/index.js

@@ -11,7 +11,8 @@ module.exports = {
     'label-uses-for': require('./rules/label-uses-for'),
     'no-hash-href': require('./rules/no-hash-href'),
     'valid-aria-role': require('./rules/valid-aria-role'),
-    'valid-aria-proptypes': require('./rules/valid-aria-proptypes')
+    'valid-aria-proptypes': require('./rules/valid-aria-proptypes'),
+    'no-invalid-aria': require('./rules/no-invalid-aria')
   },
   configs: {
     recommended: {
@@ -30,7 +31,8 @@ module.exports = {
         "jsx-a11y/label-uses-for": 2,
         "jsx-a11y/no-hash-href": 2,
         "jsx-a11y/valid-aria-role": 2,
-        "jsx-a11y/valid-aria-proptypes": 2
+        "jsx-a11y/valid-aria-proptypes": 2,
+        "jsx-a11y/no-invalid-aria": 2
       }
     }
   }

src/rules/no-invalid-aria.js

@@ -8,7 +8,7 @@
 // Rule Definition
 // ----------------------------------------------------------------------------
 
-import validAriaProperties from '../util/validAriaProperties';
+import ariaAttributes from '../util/ariaAttributes';
 
 const errorMessage = name => `${name}: This attribute is an invalid ARIA attribute.`;
 
@@ -22,7 +22,7 @@ module.exports = context => ({
       return;
     }
 
-    const isValid = validAriaProperties.indexOf(normalizedName) > -1;
+    const isValid = Object.keys(ariaAttributes).indexOf(normalizedName) > -1;
 
     if (isValid === false) {
       context.report({

src/util/validAriaProperties.js

@@ -30,10 +30,10 @@ const errorMessage = name => ({
   type: 'JSXAttribute'
 });
 
-import validAriaProperties from '../../../src/util/validAriaProperties';
+import ariaAttributes from '../../../src/util/ariaAttributes';
 
 // Create basic test cases using all valid role types.
-const basicValidityTests = validAriaProperties.map(prop => ({
+const basicValidityTests = Object.keys(ariaAttributes).map(prop => ({
   code: `<div ${prop.toLowerCase()}="foobar" />`,
   parserOptions
 }));