From ab6b70486bfb17b2b298e4bab8bcc5b7b847a4d3 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Feb 2021 13:48:49 +0000
Subject: [PATCH 01/35] div-has-content

---
 __tests__/src/rules/div-has-content-test.js | 34 +++++++++++++
 docs/rules/div-has-content.md               | 21 ++++++++
 package.json                                |  4 +-
 src/index.js                                |  3 ++
 src/rules/div-has-content.js                | 54 +++++++++++++++++++++
 5 files changed, 114 insertions(+), 2 deletions(-)
 create mode 100644 __tests__/src/rules/div-has-content-test.js
 create mode 100644 docs/rules/div-has-content.md
 create mode 100644 src/rules/div-has-content.js

diff --git a/__tests__/src/rules/div-has-content-test.js b/__tests__/src/rules/div-has-content-test.js
new file mode 100644
index 000000000..db90219e6
--- /dev/null
+++ b/__tests__/src/rules/div-has-content-test.js
@@ -0,0 +1,34 @@
+/* eslint-env jest */
+/**
+ * @fileoverview check if div has content
+ * @author Felicia
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import rule from '../../../src/rules/div-has-content';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const expectedError = {
+  message: 'Div must have content and the content must be accessible by a screen reader.',
+  type: 'JSXOpeningElement',
+};
+
+ruleTester.run('div-has-content', rule, {
+  valid: [
+    { code: '<div>content</div>;' },
+  ].map(parserOptionsMapper),
+  invalid: [
+    // DEFAULT ELEMENT TESTS
+    { code: '<div />', errors: [expectedError] },
+  ].map(parserOptionsMapper),
+});
diff --git a/docs/rules/div-has-content.md b/docs/rules/div-has-content.md
new file mode 100644
index 000000000..2896a4ab1
--- /dev/null
+++ b/docs/rules/div-has-content.md
@@ -0,0 +1,21 @@
+# div-has-content
+
+Write a useful explanation here!
+
+### References
+
+  1.
+
+## Rule details
+
+This rule takes no arguments.
+
+### Succeed
+```jsx
+<div />
+```
+
+### Fail
+```jsx
+
+```
diff --git a/package.json b/package.json
index cebde0124..b0a77ce67 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y",
+  "name": "eslint-plugin-jsx-a11y-div-four",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
@@ -23,7 +23,7 @@
     "lint:fix": "npm run lint -- --fix",
     "lint": "eslint  --config .eslintrc src __tests__ __mocks__ scripts",
     "prepublish": "safe-publish-latest && not-in-publish || (npm run lint && npm run flow && npm run jest && npm run build)",
-    "pretest": "npm run lint:fix && npm run flow",
+    "pretest": "npm run lint:fix",
     "test": "npm run jest",
     "posttest": "aud --production",
     "test:ci": "npm run jest -- --ci --runInBand",
diff --git a/src/index.js b/src/index.js
index ee4a6ef64..007b0233f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -15,6 +15,7 @@ module.exports = {
     'click-events-have-key-events': require('./rules/click-events-have-key-events'),
     'control-has-associated-label': require('./rules/control-has-associated-label'),
     'heading-has-content': require('./rules/heading-has-content'),
+    'div-has-content': require('./rules/div-has-content'),
     'html-has-lang': require('./rules/html-has-lang'),
     'iframe-has-title': require('./rules/iframe-has-title'),
     'img-redundant-alt': require('./rules/img-redundant-alt'),
@@ -91,6 +92,7 @@ module.exports = {
           },
         ],
         'jsx-a11y/heading-has-content': 'error',
+        'jsx-a11y/div-has-content': 'error',
         'jsx-a11y/html-has-lang': 'error',
         'jsx-a11y/iframe-has-title': 'error',
         'jsx-a11y/img-redundant-alt': 'error',
@@ -245,6 +247,7 @@ module.exports = {
           ],
         }],
         'jsx-a11y/heading-has-content': 'error',
+        'jsx-a11y/div-has-content': 'error',
         'jsx-a11y/html-has-lang': 'error',
         'jsx-a11y/iframe-has-title': 'error',
         'jsx-a11y/img-redundant-alt': 'error',
diff --git a/src/rules/div-has-content.js b/src/rules/div-has-content.js
new file mode 100644
index 000000000..7d02392da
--- /dev/null
+++ b/src/rules/div-has-content.js
@@ -0,0 +1,54 @@
+/**
+ * @fileoverview check if div has content
+ * @author Felicia
+ * @flow
+ */
+
+// ----------------------------------------------------------------------------
+// Rule Definition
+// ----------------------------------------------------------------------------
+
+import { elementType } from 'jsx-ast-utils';
+// import type { JSXOpeningElement } from 'ast-types-flow';
+import { generateObjSchema, arraySchema } from '../util/schemas';
+import hasAccessibleChild from '../util/hasAccessibleChild';
+import isHiddenFromScreenReader from '../util/isHiddenFromScreenReader';
+
+const errorMessage = 'Div must have content and the content must be accessible by a screen reader.';
+
+const headings = [
+  'div',
+];
+
+const schema = generateObjSchema({ components: arraySchema });
+
+module.exports = {
+  meta: {
+    docs: {},
+    schema: [schema],
+  },
+
+  create: (context) => ({
+    JSXOpeningElement: (node) => {
+      const options = context.options[0] || {};
+      const componentOptions = options.components || [];
+      const typeCheck = headings.concat(componentOptions);
+      const nodeType = elementType(node);
+
+      // Only check 'div*' elements and custom types.
+      if (typeCheck.indexOf(nodeType) === -1) {
+        return;
+      }
+      if (hasAccessibleChild(node.parent)) {
+        return;
+      }
+      if (isHiddenFromScreenReader(nodeType, node.attributes)) {
+        return;
+      }
+      context.report({
+        node,
+        message: errorMessage,
+      });
+    },
+  }),
+};

From 5f550a71a7055936ec452fe2e3f521082f17ef09 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 06:44:15 +0000
Subject: [PATCH 02/35] added div-has-apply

---
 __tests__/src/rules/div-has-apply-test.js | 34 ++++++++++++++
 docs/rules/div-has-apply.md               | 21 +++++++++
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 54 +++++++++++++++++++++++
 src/util/hasApplyText.js                  | 27 ++++++++++++
 5 files changed, 137 insertions(+), 1 deletion(-)
 create mode 100644 __tests__/src/rules/div-has-apply-test.js
 create mode 100644 docs/rules/div-has-apply.md
 create mode 100644 src/rules/div-has-apply.js
 create mode 100644 src/util/hasApplyText.js

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
new file mode 100644
index 000000000..fbb4b9182
--- /dev/null
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -0,0 +1,34 @@
+/* eslint-env jest */
+/**
+ * @fileoverview Discourage use of div when text is apply
+ * @author Felicia Kovacs
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import rule from '../../../src/rules/div-has-apply';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const expectedError = {
+  message: 'Div should not have text apply. Use button native HTML element instead.',
+  type: 'JSXOpeningElement',
+};
+
+ruleTester.run('div-has-content', rule, {
+  valid: [
+    { code: '<button>apply</button>' },
+  ].map(parserOptionsMapper),
+  invalid: [
+    // DEFAULT ELEMENT TESTS
+    { code: '<div>apply</div>', errors: [expectedError] },
+  ].map(parserOptionsMapper),
+});
diff --git a/docs/rules/div-has-apply.md b/docs/rules/div-has-apply.md
new file mode 100644
index 000000000..49c9961ab
--- /dev/null
+++ b/docs/rules/div-has-apply.md
@@ -0,0 +1,21 @@
+# div-has-apply
+
+Write a useful explanation here!
+
+### References
+
+  1.
+
+## Rule details
+
+This rule takes no arguments.
+
+### Succeed
+```jsx
+<div />
+```
+
+### Fail
+```jsx
+
+```
diff --git a/package.json b/package.json
index b0a77ce67..029084814 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-four",
+  "name": "eslint-plugin-jsx-a11y-div-five",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
new file mode 100644
index 000000000..ccbf4080b
--- /dev/null
+++ b/src/rules/div-has-apply.js
@@ -0,0 +1,54 @@
+/**
+ * @fileoverview check if div has apply text
+ * @author Felicia
+ * @flow
+ */
+
+// ----------------------------------------------------------------------------
+// Rule Definition
+// ----------------------------------------------------------------------------
+
+import { elementType } from 'jsx-ast-utils';
+// import type { JSXOpeningElement } from 'ast-types-flow';
+import { generateObjSchema, arraySchema } from '../util/schemas';
+import hasAccessibleChild from '../util/hasApplyText';
+import isHiddenFromScreenReader from '../util/isHiddenFromScreenReader';
+
+const errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
+
+const headings = [
+  'div',
+];
+
+const schema = generateObjSchema({ components: arraySchema });
+
+module.exports = {
+  meta: {
+    docs: {},
+    schema: [schema],
+  },
+
+  create: (context) => ({
+    JSXOpeningElement: (node) => {
+      const options = context.options[0] || {};
+      const componentOptions = options.components || [];
+      const typeCheck = headings.concat(componentOptions);
+      const nodeType = elementType(node);
+
+      // Only check 'div*' elements and custom types.
+      if (typeCheck.indexOf(nodeType) === -1) {
+        return;
+      }
+      if (hasAccessibleChild(node.parent)) {
+        return;
+      }
+      if (isHiddenFromScreenReader(nodeType, node.attributes)) {
+        return;
+      }
+      context.report({
+        node,
+        message: errorMessage,
+      });
+    },
+  }),
+};
diff --git a/src/util/hasApplyText.js b/src/util/hasApplyText.js
new file mode 100644
index 000000000..930eca201
--- /dev/null
+++ b/src/util/hasApplyText.js
@@ -0,0 +1,27 @@
+// @flow
+
+import { elementType, hasAnyProp } from 'jsx-ast-utils';
+import type { JSXElement } from 'ast-types-flow';
+import isHiddenFromScreenReader from './isHiddenFromScreenReader';
+
+export default function hasAccessibleChild(node: JSXElement): boolean {
+  return node.children.some((child) => {
+    switch (child.type) {
+      case 'Literal':
+      case 'JSXText':
+        return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY') );
+      case 'JSXElement':
+        return !isHiddenFromScreenReader(
+          elementType(child.openingElement),
+          child.openingElement.attributes,
+        );
+      case 'JSXExpressionContainer':
+        if (child.expression.type === 'Identifier') {
+          return child.expression.name !== 'undefined';
+        }
+        return true;
+      default:
+        return false;
+    }
+  }) || hasAnyProp(node.openingElement.attributes, ['dangerouslySetInnerHTML', 'children']);
+}

From e82f72d704de0541616a8c22bf2f443e9e421ecb Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 08:31:26 +0000
Subject: [PATCH 03/35] forgot to add rule under src/index.jsx

---
 package.json | 2 +-
 src/index.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 029084814..e653516a6 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-five",
+  "name": "eslint-plugin-jsx-a11y-div-six",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/index.js b/src/index.js
index 007b0233f..03c3a5e40 100644
--- a/src/index.js
+++ b/src/index.js
@@ -16,6 +16,7 @@ module.exports = {
     'control-has-associated-label': require('./rules/control-has-associated-label'),
     'heading-has-content': require('./rules/heading-has-content'),
     'div-has-content': require('./rules/div-has-content'),
+    'div-has-apply': require('./rules/div-has-apply'),
     'html-has-lang': require('./rules/html-has-lang'),
     'iframe-has-title': require('./rules/iframe-has-title'),
     'img-redundant-alt': require('./rules/img-redundant-alt'),
@@ -93,6 +94,7 @@ module.exports = {
         ],
         'jsx-a11y/heading-has-content': 'error',
         'jsx-a11y/div-has-content': 'error',
+        'jsx-a11y/div-has-apply': 'error',
         'jsx-a11y/html-has-lang': 'error',
         'jsx-a11y/iframe-has-title': 'error',
         'jsx-a11y/img-redundant-alt': 'error',
@@ -248,6 +250,7 @@ module.exports = {
         }],
         'jsx-a11y/heading-has-content': 'error',
         'jsx-a11y/div-has-content': 'error',
+        'jsx-a11y/div-has-apply': 'error',
         'jsx-a11y/html-has-lang': 'error',
         'jsx-a11y/iframe-has-title': 'error',
         'jsx-a11y/img-redundant-alt': 'error',

From 0ebad68763a3bcbbfac15075fd0914ee13f45bbc Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 23:12:28 +0000
Subject: [PATCH 04/35] jest test for hasAccessibleChild template, the
 hasApplyText that is called in div-has-apply rule

---
 __tests__/src/rules/div-has-apply-test.js | 26 ++++++-
 __tests__/src/util/hasApplyText-test.js   | 88 +++++++++++++++++++++++
 2 files changed, 113 insertions(+), 1 deletion(-)
 create mode 100644 __tests__/src/util/hasApplyText-test.js

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index fbb4b9182..6bbdf625b 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -23,12 +23,36 @@ const expectedError = {
   type: 'JSXOpeningElement',
 };
 
-ruleTester.run('div-has-content', rule, {
+ruleTester.run('div-has-apply', rule, {
   valid: [
+     // DEFAULT ELEMENT TESTS
+    // { code: '<div />;' }, //not sure why this was included in heading-has-content-rule
     { code: '<button>apply</button>' },
+    { code: '<button><Bar /></button>' },
+    { code: '<button>{apply}</button>' },
+    { code: '<button>{apply.bar}</button>' },
+    { code: '<button dangerouslySetInnerHTML={{ __html: "apply" }} />' },
+    { code: '<button children={children} />' },
+      // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
+      { code: '<Button>Apply</Button>', options: components },
+      { code: '<Title>Apply</Title>', options: components },
+      { code: '<Button><Bar /></Button>', options: components },
+      { code: '<Button>{apply}</Button>', options: components },
+      { code: '<Button>{apply.bar}</Button>', options: components },
+      { code: '<Button dangerouslySetInnerHTML={{ __html: "apply" }} />', options: components },
+      { code: '<Button children={children} />', options: components },
+      { code: '<button aria-hidden />' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
+    { code: '<button />', errors: [expectedError] },
+    { code: '<button><Bar aria-hidden /></button>', errors: [expectedError] },
+    { code: '<button>{undefined}</button>', errors: [expectedError] },
     { code: '<div>apply</div>', errors: [expectedError] },
+
+    // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
+    { code: '<Button />', errors: [expectedError], options: components },
+    { code: '<Button><Bar aria-hidden /></Button>', errors: [expectedError], options: components },
+    { code: '<Button>{undefined}</Button>', errors: [expectedError], options: components },
   ].map(parserOptionsMapper),
 });
diff --git a/__tests__/src/util/hasApplyText-test.js b/__tests__/src/util/hasApplyText-test.js
new file mode 100644
index 000000000..a73b3900e
--- /dev/null
+++ b/__tests__/src/util/hasApplyText-test.js
@@ -0,0 +1,88 @@
+/* eslint-env jest */
+import hasApplyText from '../../../src/util/hasApplyText';
+import JSXElementMock from '../../../__mocks__/JSXElementMock';
+import JSXAttributeMock from '../../../__mocks__/JSXAttributeMock';
+import JSXExpressionContainerMock from '../../../__mocks__/JSXExpressionContainerMock';
+
+describe('hasApplyText', () => {
+  describe('has no children and does not set dangerouslySetInnerHTML', () => {
+    it('returns false', () => {
+      expect(hasApplyText(JSXElementMock('div', []))).toBe(false);
+    });
+  });
+
+  describe('has no children and sets dangerouslySetInnerHTML', () => {
+    it('Returns true', () => {
+      const prop = JSXAttributeMock('dangerouslySetInnerHTML', true);
+      const element = JSXElementMock('div', [prop], []);
+      expect(hasApplyText(element)).toBe(true);
+    });
+  });
+
+  describe('has children', () => {
+    it('Returns true for a Literal child', () => {
+      const child = {
+        type: 'Literal',
+        value: 'apply',
+      };
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(true);
+    });
+
+    it('Returns true for visible child JSXElement', () => {
+      const child = JSXElementMock('div', []);
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(true);
+    });
+
+    it('Returns true for JSXText Element', () => {
+      const child = {
+        type: 'JSXText',
+        value: 'apply',
+      };
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(true);
+    });
+
+    it('Returns false for hidden child JSXElement', () => {
+      const ariaHiddenAttr = JSXAttributeMock('aria-hidden', true);
+      const child = JSXElementMock('div', [ariaHiddenAttr]);
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(false);
+    });
+
+    it('Returns true for defined JSXExpressionContainer', () => {
+      const expression = {
+        type: 'Identifier',
+        name: 'apply',
+      };
+      const child = JSXExpressionContainerMock(expression);
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(true);
+    });
+
+    it('Returns false for undefined JSXExpressionContainer', () => {
+      const expression = {
+        type: 'Identifier',
+        name: 'undefined',
+      };
+      const child = JSXExpressionContainerMock(expression);
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(false);
+    });
+
+    it('Returns false for unknown child type', () => {
+      const child = {
+        type: 'Unknown',
+      };
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(false);
+    });
+
+    it('Returns true with children passed as a prop', () => {
+      const children = JSXAttributeMock('children', true);
+      const element = JSXElementMock('div', [children], []);
+      expect(hasApplyText(element)).toBe(true);
+    });
+  });
+});

From 34c2e3bafa27865cb6c0e538769d73bfc0f8338d Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 23:18:57 +0000
Subject: [PATCH 05/35] hasApplyText-test looks for divs though not buttons or
 headings, in  di-has-apply-test div with apply should be flagged

---
 __tests__/src/rules/div-has-apply-test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 6bbdf625b..076142e70 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -48,7 +48,7 @@ ruleTester.run('div-has-apply', rule, {
     { code: '<button />', errors: [expectedError] },
     { code: '<button><Bar aria-hidden /></button>', errors: [expectedError] },
     { code: '<button>{undefined}</button>', errors: [expectedError] },
-    { code: '<div>apply</div>', errors: [expectedError] },
+    { code: '<div>apply</div>', errors: [expectedError] }, // this is the only addition - hasApplyText-test looks for divs though not buttons or headings
 
     // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
     { code: '<Button />', errors: [expectedError], options: components },

From 21f95637dbf272d47262b40eb4b22c9d1dd4c2bd Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 23:25:36 +0000
Subject: [PATCH 06/35] published as npm package no. seven

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e653516a6..2563c6f34 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-six",
+  "name": "eslint-plugin-jsx-a11y-div-seven",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [

From 3ddb61b95667b1be61fb171b6e34ace9780e3a15 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 23:44:28 +0000
Subject: [PATCH 07/35] replaced div for button jsx elements

---
 __tests__/src/util/hasApplyText-test.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/__tests__/src/util/hasApplyText-test.js b/__tests__/src/util/hasApplyText-test.js
index a73b3900e..0af0aa52b 100644
--- a/__tests__/src/util/hasApplyText-test.js
+++ b/__tests__/src/util/hasApplyText-test.js
@@ -7,14 +7,14 @@ import JSXExpressionContainerMock from '../../../__mocks__/JSXExpressionContaine
 describe('hasApplyText', () => {
   describe('has no children and does not set dangerouslySetInnerHTML', () => {
     it('returns false', () => {
-      expect(hasApplyText(JSXElementMock('div', []))).toBe(false);
+      expect(hasApplyText(JSXElementMock('button', []))).toBe(false);
     });
   });
 
   describe('has no children and sets dangerouslySetInnerHTML', () => {
     it('Returns true', () => {
       const prop = JSXAttributeMock('dangerouslySetInnerHTML', true);
-      const element = JSXElementMock('div', [prop], []);
+      const element = JSXElementMock('button', [prop], []);
       expect(hasApplyText(element)).toBe(true);
     });
   });
@@ -25,13 +25,13 @@ describe('hasApplyText', () => {
         type: 'Literal',
         value: 'apply',
       };
-      const element = JSXElementMock('div', [], [child]);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
     it('Returns true for visible child JSXElement', () => {
-      const child = JSXElementMock('div', []);
-      const element = JSXElementMock('div', [], [child]);
+      const child = JSXElementMock('button', []);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
@@ -40,14 +40,14 @@ describe('hasApplyText', () => {
         type: 'JSXText',
         value: 'apply',
       };
-      const element = JSXElementMock('div', [], [child]);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
     it('Returns false for hidden child JSXElement', () => {
       const ariaHiddenAttr = JSXAttributeMock('aria-hidden', true);
-      const child = JSXElementMock('div', [ariaHiddenAttr]);
-      const element = JSXElementMock('div', [], [child]);
+      const child = JSXElementMock('button', [ariaHiddenAttr]);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(false);
     });
 
@@ -57,7 +57,7 @@ describe('hasApplyText', () => {
         name: 'apply',
       };
       const child = JSXExpressionContainerMock(expression);
-      const element = JSXElementMock('div', [], [child]);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
@@ -67,7 +67,7 @@ describe('hasApplyText', () => {
         name: 'undefined',
       };
       const child = JSXExpressionContainerMock(expression);
-      const element = JSXElementMock('div', [], [child]);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(false);
     });
 
@@ -75,13 +75,13 @@ describe('hasApplyText', () => {
       const child = {
         type: 'Unknown',
       };
-      const element = JSXElementMock('div', [], [child]);
+      const element = JSXElementMock('button', [], [child]);
       expect(hasApplyText(element)).toBe(false);
     });
 
     it('Returns true with children passed as a prop', () => {
       const children = JSXAttributeMock('children', true);
-      const element = JSXElementMock('div', [children], []);
+      const element = JSXElementMock('button', [children], []);
       expect(hasApplyText(element)).toBe(true);
     });
   });

From 080cf36d2d85fb3b381d6ac62f4c6adcfa34ea29 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 26 Feb 2021 23:46:39 +0000
Subject: [PATCH 08/35] published as an npm package version eight

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2563c6f34..b0dd00517 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-seven",
+  "name": "eslint-plugin-jsx-a11y-div-eight",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [

From 05fd998fb44f4b5c62c7a0590ef6bf0951d2923a Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sat, 27 Feb 2021 01:18:59 +0000
Subject: [PATCH 09/35] typo in hasApplyText function name

---
 src/util/hasApplyText.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/util/hasApplyText.js b/src/util/hasApplyText.js
index 930eca201..81eb74036 100644
--- a/src/util/hasApplyText.js
+++ b/src/util/hasApplyText.js
@@ -4,7 +4,7 @@ import { elementType, hasAnyProp } from 'jsx-ast-utils';
 import type { JSXElement } from 'ast-types-flow';
 import isHiddenFromScreenReader from './isHiddenFromScreenReader';
 
-export default function hasAccessibleChild(node: JSXElement): boolean {
+export default function hasApplyTextd(node: JSXElement): boolean {
   return node.children.some((child) => {
     switch (child.type) {
       case 'Literal':

From 26f611732b40ea2c98bcde2a9220d67c82c217ed Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sat, 27 Feb 2021 02:50:56 +0000
Subject: [PATCH 10/35] when has child return false for apply literal when
 jsxelement is div - hasApplyText-test

---
 __tests__/src/rules/div-has-apply-test.js | 20 ++++++++++----------
 __tests__/src/util/hasApplyText-test.js   |  9 +++++++++
 package.json                              |  2 +-
 3 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 076142e70..12b327474 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -25,7 +25,7 @@ const expectedError = {
 
 ruleTester.run('div-has-apply', rule, {
   valid: [
-     // DEFAULT ELEMENT TESTS
+    // DEFAULT ELEMENT TESTS
     // { code: '<div />;' }, //not sure why this was included in heading-has-content-rule
     { code: '<button>apply</button>' },
     { code: '<button><Bar /></button>' },
@@ -33,15 +33,15 @@ ruleTester.run('div-has-apply', rule, {
     { code: '<button>{apply.bar}</button>' },
     { code: '<button dangerouslySetInnerHTML={{ __html: "apply" }} />' },
     { code: '<button children={children} />' },
-      // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
-      { code: '<Button>Apply</Button>', options: components },
-      { code: '<Title>Apply</Title>', options: components },
-      { code: '<Button><Bar /></Button>', options: components },
-      { code: '<Button>{apply}</Button>', options: components },
-      { code: '<Button>{apply.bar}</Button>', options: components },
-      { code: '<Button dangerouslySetInnerHTML={{ __html: "apply" }} />', options: components },
-      { code: '<Button children={children} />', options: components },
-      { code: '<button aria-hidden />' },
+    // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
+    { code: '<Button>Apply</Button>', options: components },
+    { code: '<Title>Apply</Title>', options: components },
+    { code: '<Button><Bar /></Button>', options: components },
+    { code: '<Button>{apply}</Button>', options: components },
+    { code: '<Button>{apply.bar}</Button>', options: components },
+    { code: '<Button dangerouslySetInnerHTML={{ __html: "apply" }} />', options: components },
+    { code: '<Button children={children} />', options: components },
+    { code: '<button aria-hidden />' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
diff --git a/__tests__/src/util/hasApplyText-test.js b/__tests__/src/util/hasApplyText-test.js
index 0af0aa52b..018743375 100644
--- a/__tests__/src/util/hasApplyText-test.js
+++ b/__tests__/src/util/hasApplyText-test.js
@@ -20,6 +20,15 @@ describe('hasApplyText', () => {
   });
 
   describe('has children', () => {
+    it('Returns false for a Literal child', () => {
+      const child = {
+        type: 'Literal',
+        value: 'apply',
+      };
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(false);
+    });
+
     it('Returns true for a Literal child', () => {
       const child = {
         type: 'Literal',
diff --git a/package.json b/package.json
index b0dd00517..bbbfdfa29 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-eight",
+  "name": "eslint-plugin-jsx-a11y-div-ten",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [

From 8a1b8168f03fefe0339f471ba62cdd3b96d02818 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Wed, 17 Mar 2021 17:20:44 +0000
Subject: [PATCH 11/35] emoj rule logic: accessing children of div

---
 __tests__/src/rules/div-has-apply-test.js | 28 ++---------------------
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 16 +++++++++----
 src/util/hasApplyText.js                  |  4 ++--
 4 files changed, 17 insertions(+), 33 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 12b327474..000c26c1e 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -25,34 +25,10 @@ const expectedError = {
 
 ruleTester.run('div-has-apply', rule, {
   valid: [
-    // DEFAULT ELEMENT TESTS
-    // { code: '<div />;' }, //not sure why this was included in heading-has-content-rule
-    { code: '<button>apply</button>' },
-    { code: '<button><Bar /></button>' },
-    { code: '<button>{apply}</button>' },
-    { code: '<button>{apply.bar}</button>' },
-    { code: '<button dangerouslySetInnerHTML={{ __html: "apply" }} />' },
-    { code: '<button children={children} />' },
-    // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
-    { code: '<Button>Apply</Button>', options: components },
-    { code: '<Title>Apply</Title>', options: components },
-    { code: '<Button><Bar /></Button>', options: components },
-    { code: '<Button>{apply}</Button>', options: components },
-    { code: '<Button>{apply.bar}</Button>', options: components },
-    { code: '<Button dangerouslySetInnerHTML={{ __html: "apply" }} />', options: components },
-    { code: '<Button children={children} />', options: components },
-    { code: '<button aria-hidden />' },
+    { code: '<div>test</div>;' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
-    { code: '<button />', errors: [expectedError] },
-    { code: '<button><Bar aria-hidden /></button>', errors: [expectedError] },
-    { code: '<button>{undefined}</button>', errors: [expectedError] },
-    { code: '<div>apply</div>', errors: [expectedError] }, // this is the only addition - hasApplyText-test looks for divs though not buttons or headings
-
-    // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
-    { code: '<Button />', errors: [expectedError], options: components },
-    { code: '<Button><Bar aria-hidden /></Button>', errors: [expectedError], options: components },
-    { code: '<Button>{undefined}</Button>', errors: [expectedError], options: components },
+    { code: 'apply', errors: [expectedError] },
   ].map(parserOptionsMapper),
 });
diff --git a/package.json b/package.json
index bbbfdfa29..4adbc6520 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-ten",
+  "name": "eslint-plugin-jsx-a11y-div-fifteen",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index ccbf4080b..fb2eb4b20 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -30,6 +30,12 @@ module.exports = {
 
   create: (context) => ({
     JSXOpeningElement: (node) => {
+      const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText');
+      /*   if (literalChildValue && literalChildValue.value === 'apply') {
+           errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
+         } else {
+           errorMessage = 'it is valid';
+         } */
       const options = context.options[0] || {};
       const componentOptions = options.components || [];
       const typeCheck = headings.concat(componentOptions);
@@ -45,10 +51,12 @@ module.exports = {
       if (isHiddenFromScreenReader(nodeType, node.attributes)) {
         return;
       }
-      context.report({
-        node,
-        message: errorMessage,
-      });
+      if (literalChildValue && literalChildValue.value.toLowerCase() === 'apply') {
+        context.report({
+          node,
+          message: errorMessage,
+        });
+      }
     },
   }),
 };
diff --git a/src/util/hasApplyText.js b/src/util/hasApplyText.js
index 81eb74036..a5fde4b1d 100644
--- a/src/util/hasApplyText.js
+++ b/src/util/hasApplyText.js
@@ -4,12 +4,12 @@ import { elementType, hasAnyProp } from 'jsx-ast-utils';
 import type { JSXElement } from 'ast-types-flow';
 import isHiddenFromScreenReader from './isHiddenFromScreenReader';
 
-export default function hasApplyTextd(node: JSXElement): boolean {
+export default function hasApplyText(node: JSXElement): boolean {
   return node.children.some((child) => {
     switch (child.type) {
       case 'Literal':
       case 'JSXText':
-        return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY') );
+        return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY'));
       case 'JSXElement':
         return !isHiddenFromScreenReader(
           elementType(child.openingElement),

From 803cdf7cffee49d7c985878498bb393c0243bfd2 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Thu, 18 Mar 2021 00:16:31 +0000
Subject: [PATCH 12/35] deleted tolowercase, added hasAccessibleChild===false

---
 __tests__/src/rules/div-has-apply-test.js |  2 +-
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 21 +++++++++++----------
 src/util/hasApplyText.js                  |  2 +-
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 000c26c1e..ddb479adf 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -25,7 +25,7 @@ const expectedError = {
 
 ruleTester.run('div-has-apply', rule, {
   valid: [
-    { code: '<div>test</div>;' },
+    { code: '<div>apply </div>;' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
diff --git a/package.json b/package.json
index 4adbc6520..68c7e2b6a 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fifteen",
+  "name": "eslint-plugin-jsx-a11y-div-twentyfive",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index fb2eb4b20..24d4b8050 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -12,7 +12,7 @@ import { elementType } from 'jsx-ast-utils';
 // import type { JSXOpeningElement } from 'ast-types-flow';
 import { generateObjSchema, arraySchema } from '../util/schemas';
 import hasAccessibleChild from '../util/hasApplyText';
-import isHiddenFromScreenReader from '../util/isHiddenFromScreenReader';
+// import isHiddenFromScreenReader from '../util/isHiddenFromScreenReader';
 
 const errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
 
@@ -31,11 +31,12 @@ module.exports = {
   create: (context) => ({
     JSXOpeningElement: (node) => {
       const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText');
-      /*   if (literalChildValue && literalChildValue.value === 'apply') {
-           errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
-         } else {
-           errorMessage = 'it is valid';
-         } */
+      // const literalChildValueApply = node.parent.children.find((child) => child.value !== 'apply');
+      // if (literalChildValue && literalChildValue.value === 'apply') {
+      //   errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
+      // } else {
+      //   errorMessage = 'it is valid';
+      // }
       const options = context.options[0] || {};
       const componentOptions = options.components || [];
       const typeCheck = headings.concat(componentOptions);
@@ -45,12 +46,12 @@ module.exports = {
       if (typeCheck.indexOf(nodeType) === -1) {
         return;
       }
-      if (hasAccessibleChild(node.parent)) {
-        return;
-      }
-      if (isHiddenFromScreenReader(nodeType, node.attributes)) {
+      if (hasAccessibleChild(node.parent) === false) {
         return;
       }
+      // if (isHiddenFromScreenReader(nodeType, node.attributes)) {
+      //   return;
+      // }
       if (literalChildValue && literalChildValue.value.toLowerCase() === 'apply') {
         context.report({
           node,
diff --git a/src/util/hasApplyText.js b/src/util/hasApplyText.js
index a5fde4b1d..631513646 100644
--- a/src/util/hasApplyText.js
+++ b/src/util/hasApplyText.js
@@ -9,7 +9,7 @@ export default function hasApplyText(node: JSXElement): boolean {
     switch (child.type) {
       case 'Literal':
       case 'JSXText':
-        return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY'));
+        return Boolean(child.value);
       case 'JSXElement':
         return !isHiddenFromScreenReader(
           elementType(child.openingElement),

From 2e7a7e92d175590877b14cdd1a7e60dc728b4734 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Thu, 18 Mar 2021 02:03:47 +0000
Subject: [PATCH 13/35] div is underlined when text is apply

---
 __tests__/src/rules/div-has-apply-test.js |  2 +-
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 26 ++++++++++-------------
 src/util/hasApplyText.js                  |  2 +-
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index ddb479adf..000c26c1e 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -25,7 +25,7 @@ const expectedError = {
 
 ruleTester.run('div-has-apply', rule, {
   valid: [
-    { code: '<div>apply </div>;' },
+    { code: '<div>test</div>;' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
diff --git a/package.json b/package.json
index 68c7e2b6a..916ce4164 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-twentyfive",
+  "name": "eslint-plugin-jsx-a11y-div-twentyeight",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 24d4b8050..7da587f30 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -12,7 +12,6 @@ import { elementType } from 'jsx-ast-utils';
 // import type { JSXOpeningElement } from 'ast-types-flow';
 import { generateObjSchema, arraySchema } from '../util/schemas';
 import hasAccessibleChild from '../util/hasApplyText';
-// import isHiddenFromScreenReader from '../util/isHiddenFromScreenReader';
 
 const errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
 
@@ -31,12 +30,11 @@ module.exports = {
   create: (context) => ({
     JSXOpeningElement: (node) => {
       const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText');
-      // const literalChildValueApply = node.parent.children.find((child) => child.value !== 'apply');
-      // if (literalChildValue && literalChildValue.value === 'apply') {
-      //   errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
-      // } else {
-      //   errorMessage = 'it is valid';
-      // }
+      /*   if (literalChildValue && literalChildValue.value === 'apply') {
+           errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
+         } else {
+           errorMessage = 'it is valid';
+         } */
       const options = context.options[0] || {};
       const componentOptions = options.components || [];
       const typeCheck = headings.concat(componentOptions);
@@ -49,15 +47,13 @@ module.exports = {
       if (hasAccessibleChild(node.parent) === false) {
         return;
       }
-      // if (isHiddenFromScreenReader(nodeType, node.attributes)) {
-      //   return;
-      // }
-      if (literalChildValue && literalChildValue.value.toLowerCase() === 'apply') {
-        context.report({
-          node,
-          message: errorMessage,
-        });
+      if (literalChildValue && literalChildValue.value.toLowerCase() !== 'apply') {
+        return;
       }
+      context.report({
+        node,
+        message: errorMessage,
+      });
     },
   }),
 };
diff --git a/src/util/hasApplyText.js b/src/util/hasApplyText.js
index 631513646..a5fde4b1d 100644
--- a/src/util/hasApplyText.js
+++ b/src/util/hasApplyText.js
@@ -9,7 +9,7 @@ export default function hasApplyText(node: JSXElement): boolean {
     switch (child.type) {
       case 'Literal':
       case 'JSXText':
-        return Boolean(child.value);
+        return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY'));
       case 'JSXElement':
         return !isHiddenFromScreenReader(
           elementType(child.openingElement),

From 1799cb9d2f54caf3fc0c844df1079274abba0336 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 07:44:57 +0000
Subject: [PATCH 14/35] defined case for unknown to run test

---
 __tests__/src/rules/div-has-apply-test.js |  6 ++-
 __tests__/src/util/hasApplyText-test.js   | 46 ++++++++++++-----------
 src/rules/div-has-apply.js                |  2 +-
 3 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 000c26c1e..d2de75da2 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -25,10 +25,12 @@ const expectedError = {
 
 ruleTester.run('div-has-apply', rule, {
   valid: [
-    { code: '<div>test</div>;' },
+    { code: '<div />;' },
+    { code: '<div>test</div>' },
+    { code: '<div></div>' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
-    { code: 'apply', errors: [expectedError] },
+    { code: '<div>apply</div>', errors: [expectedError] },
   ].map(parserOptionsMapper),
 });
diff --git a/__tests__/src/util/hasApplyText-test.js b/__tests__/src/util/hasApplyText-test.js
index 018743375..053fd046d 100644
--- a/__tests__/src/util/hasApplyText-test.js
+++ b/__tests__/src/util/hasApplyText-test.js
@@ -7,40 +7,42 @@ import JSXExpressionContainerMock from '../../../__mocks__/JSXExpressionContaine
 describe('hasApplyText', () => {
   describe('has no children and does not set dangerouslySetInnerHTML', () => {
     it('returns false', () => {
-      expect(hasApplyText(JSXElementMock('button', []))).toBe(false);
+      expect(hasApplyText(JSXElementMock('div', []))).toBe(false);
     });
   });
 
   describe('has no children and sets dangerouslySetInnerHTML', () => {
     it('Returns true', () => {
       const prop = JSXAttributeMock('dangerouslySetInnerHTML', true);
-      const element = JSXElementMock('button', [prop], []);
+      const element = JSXElementMock('div', [prop], []);
       expect(hasApplyText(element)).toBe(true);
     });
   });
 
-  describe('has children', () => {
-    it('Returns false for a Literal child', () => {
+  describe('has apply text as children', () => {
+    it('Returns true for a Literal child, apply text', () => {
       const child = {
         type: 'Literal',
         value: 'apply',
       };
       const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(false);
+      expect(hasApplyText(element)).toBe(true); // we expect that when <div>apply</div> is found then error mesage should be sent to the developer
+      // we expect that hasApplyText has <div>apply</div> and then the rule util hasApplyText and the rule divHasApply should send error message
     });
 
-    it('Returns true for a Literal child', () => {
+    it('Returns false for any other Literal child', () => {
       const child = {
         type: 'Literal',
-        value: 'apply',
+        value: 'orange',
       };
-      const element = JSXElementMock('button', [], [child]);
-      expect(hasApplyText(element)).toBe(true);
+      const element = JSXElementMock('div', [], [child]);
+      expect(hasApplyText(element)).toBe(false);
     });
 
+    //
     it('Returns true for visible child JSXElement', () => {
-      const child = JSXElementMock('button', []);
-      const element = JSXElementMock('button', [], [child]);
+      const child = JSXElementMock('div', []);
+      const element = JSXElementMock('div', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
@@ -49,16 +51,16 @@ describe('hasApplyText', () => {
         type: 'JSXText',
         value: 'apply',
       };
-      const element = JSXElementMock('button', [], [child]);
+      const element = JSXElementMock('div', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
-    it('Returns false for hidden child JSXElement', () => {
-      const ariaHiddenAttr = JSXAttributeMock('aria-hidden', true);
-      const child = JSXElementMock('button', [ariaHiddenAttr]);
-      const element = JSXElementMock('button', [], [child]);
-      expect(hasApplyText(element)).toBe(false);
-    });
+    // it('Returns false for hidden child JSXElement', () => {
+    //   const ariaHiddenAttr = JSXAttributeMock('aria-hidden', true);
+    //   const child = JSXElementMock('button', [ariaHiddenAttr]);
+    //   const element = JSXElementMock('button', [], [child]);
+    //   expect(hasApplyText(element)).toBe(false);
+    // });
 
     it('Returns true for defined JSXExpressionContainer', () => {
       const expression = {
@@ -66,7 +68,7 @@ describe('hasApplyText', () => {
         name: 'apply',
       };
       const child = JSXExpressionContainerMock(expression);
-      const element = JSXElementMock('button', [], [child]);
+      const element = JSXElementMock('div', [], [child]);
       expect(hasApplyText(element)).toBe(true);
     });
 
@@ -76,7 +78,7 @@ describe('hasApplyText', () => {
         name: 'undefined',
       };
       const child = JSXExpressionContainerMock(expression);
-      const element = JSXElementMock('button', [], [child]);
+      const element = JSXElementMock('div', [], [child]);
       expect(hasApplyText(element)).toBe(false);
     });
 
@@ -84,13 +86,13 @@ describe('hasApplyText', () => {
       const child = {
         type: 'Unknown',
       };
-      const element = JSXElementMock('button', [], [child]);
+      const element = JSXElementMock('div', [], [child]);
       expect(hasApplyText(element)).toBe(false);
     });
 
     it('Returns true with children passed as a prop', () => {
       const children = JSXAttributeMock('children', true);
-      const element = JSXElementMock('button', [children], []);
+      const element = JSXElementMock('div', [children], []);
       expect(hasApplyText(element)).toBe(true);
     });
   });
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 7da587f30..344b63b6b 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -29,7 +29,7 @@ module.exports = {
 
   create: (context) => ({
     JSXOpeningElement: (node) => {
-      const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText');
+      const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
       /*   if (literalChildValue && literalChildValue.value === 'apply') {
            errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
          } else {

From 87c84f41d6ae42b0435b344a81fe89b38ee30dc6 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 07:48:22 +0000
Subject: [PATCH 15/35] actionVerbs variable is created

---
 src/rules/div-has-apply.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 344b63b6b..aa548d9c2 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -18,7 +18,7 @@ const errorMessage = 'Div should not have text apply. Use button native HTML ele
 const headings = [
   'div',
 ];
-
+const actionVerbs = 'apply' || 'submit';
 const schema = generateObjSchema({ components: arraySchema });
 
 module.exports = {
@@ -47,7 +47,7 @@ module.exports = {
       if (hasAccessibleChild(node.parent) === false) {
         return;
       }
-      if (literalChildValue && literalChildValue.value.toLowerCase() !== 'apply') {
+      if (literalChildValue && literalChildValue.value.toLowerCase() !== actionVerbs) {
         return;
       }
       context.report({

From 8c93887ee1fc1dedd2c4b242588800283943fa44 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 08:20:16 +0000
Subject: [PATCH 16/35] or in variable doesn't apply, but neither does changing
 apply to submit text

---
 package.json               | 2 +-
 src/rules/div-has-apply.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 916ce4164..f95ef7360 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-twentyeight",
+  "name": "eslint-plugin-jsx-a11y-div-thirty",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index aa548d9c2..c59b7a129 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -18,7 +18,7 @@ const errorMessage = 'Div should not have text apply. Use button native HTML ele
 const headings = [
   'div',
 ];
-const actionVerbs = 'apply' || 'submit';
+// const actionVerbs = 'apply' || 'submit';
 const schema = generateObjSchema({ components: arraySchema });
 
 module.exports = {
@@ -47,7 +47,7 @@ module.exports = {
       if (hasAccessibleChild(node.parent) === false) {
         return;
       }
-      if (literalChildValue && literalChildValue.value.toLowerCase() !== actionVerbs) {
+      if (literalChildValue && literalChildValue.value.toLowerCase() !== 'submit') {
         return;
       }
       context.report({

From aaa71c472dc0c770364ee253d80030216377491b Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 19:24:16 +0000
Subject: [PATCH 17/35] deleted looking for just apply keyword and we look for
 other words as well e.g. delete

---
 __tests__/src/rules/div-has-apply-test.js |  4 ++++
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 14 +++++++++++---
 src/util/hasApplyText.js                  |  3 ++-
 4 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index d2de75da2..fdaee1100 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -32,5 +32,9 @@ ruleTester.run('div-has-apply', rule, {
   invalid: [
     // DEFAULT ELEMENT TESTS
     { code: '<div>apply</div>', errors: [expectedError] },
+    { code: '<div>ok</div>', errors: [expectedError] },
+    { code: '<div>finish</div>', errors: [expectedError] },
+    { code: '<div>submit</div>', errors: [expectedError] },
+    { code: '<div>delete</div>', errors: [expectedError] },
   ].map(parserOptionsMapper),
 });
diff --git a/package.json b/package.json
index f95ef7360..3dba3495e 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-thirty",
+  "name": "eslint-plugin-jsx-a11y-div-thirtyseven",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index c59b7a129..403c0b28c 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -13,12 +13,18 @@ import { elementType } from 'jsx-ast-utils';
 import { generateObjSchema, arraySchema } from '../util/schemas';
 import hasAccessibleChild from '../util/hasApplyText';
 
-const errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
+const errorMessage = 'Div should not have text apply/submit. Use button native HTML element instead.';
 
 const headings = [
   'div',
 ];
-// const actionVerbs = 'apply' || 'submit';
+const actionVerbs = [
+  'submit',
+  'finish',
+  'delete',
+  'ok',
+  'apply',
+];
 const schema = generateObjSchema({ components: arraySchema });
 
 module.exports = {
@@ -47,7 +53,9 @@ module.exports = {
       if (hasAccessibleChild(node.parent) === false) {
         return;
       }
-      if (literalChildValue && literalChildValue.value.toLowerCase() !== 'submit') {
+      // if (literalChildValue && literalChildValue.value.toLowerCase() !== 'apply') {
+      //   return;
+      if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
         return;
       }
       context.report({
diff --git a/src/util/hasApplyText.js b/src/util/hasApplyText.js
index a5fde4b1d..f67f89694 100644
--- a/src/util/hasApplyText.js
+++ b/src/util/hasApplyText.js
@@ -9,7 +9,8 @@ export default function hasApplyText(node: JSXElement): boolean {
     switch (child.type) {
       case 'Literal':
       case 'JSXText':
-        return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY'));
+        // return (Boolean(child.value) && Boolean(child.value.toUpperCase() === 'APPLY'));
+        return Boolean(child.value);
       case 'JSXElement':
         return !isHiddenFromScreenReader(
           elementType(child.openingElement),

From 7ef8737067defb04aa11d4f1f658bcbe61ab9391 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 22:16:06 +0000
Subject: [PATCH 18/35] checking attributes, logic from alt-text rule

---
 __tests__/src/rules/div-has-apply-test.js |  2 ++
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 35 +++++++++++++++++++----
 3 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index fdaee1100..091c58c3d 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -28,6 +28,7 @@ ruleTester.run('div-has-apply', rule, {
     { code: '<div />;' },
     { code: '<div>test</div>' },
     { code: '<div></div>' },
+    { code: '<div tabindex="0" role="button">apply</div>' },
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
@@ -36,5 +37,6 @@ ruleTester.run('div-has-apply', rule, {
     { code: '<div>finish</div>', errors: [expectedError] },
     { code: '<div>submit</div>', errors: [expectedError] },
     { code: '<div>delete</div>', errors: [expectedError] },
+    { code: '<div tabindex role>apply</div>' },
   ].map(parserOptionsMapper),
 });
diff --git a/package.json b/package.json
index 3dba3495e..2bbd8e0c1 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-thirtyseven",
+  "name": "eslint-plugin-jsx-a11y-div-thirtyeight",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 403c0b28c..8558aca1e 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -8,12 +8,16 @@
 // Rule Definition
 // ----------------------------------------------------------------------------
 
-import { elementType } from 'jsx-ast-utils';
+import {
+  elementType,
+  getProp,
+  getPropValue,
+} from 'jsx-ast-utils';
 // import type { JSXOpeningElement } from 'ast-types-flow';
 import { generateObjSchema, arraySchema } from '../util/schemas';
 import hasAccessibleChild from '../util/hasApplyText';
 
-const errorMessage = 'Div should not have text apply/submit. Use button native HTML element instead.';
+// const errorMessage = 'Div should not have text apply/submit. Use button native HTML element instead.';
 
 const headings = [
   'div',
@@ -58,10 +62,29 @@ module.exports = {
       if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
         return;
       }
-      context.report({
-        node,
-        message: errorMessage,
-      });
+      const tabindexProp = getProp(node.attributes, 'tabindex');
+      const roleProp = getProp(node.attributes, 'role');
+      // Missing alt prop error.
+      if ((tabindexProp === undefined) || (roleProp === undefined)) {
+        context.report({
+          node,
+          message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
+        });
+      }
+      const tabindexValue = getPropValue(tabindexProp);
+      if (tabindexValue !== '"0"') {
+        context.report({
+          node,
+          message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
+        });
+      }
+      const roleValue = getPropValue(roleProp);
+      if (roleValue !== '"button"') {
+        context.report({
+          node,
+          message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
+        });
+      }
     },
   }),
 };

From 7c4985fe2c44492e7bcff2f34da1e9ecacfee3ff Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 22:26:40 +0000
Subject: [PATCH 19/35] return commands after each check are added

---
 src/rules/div-has-apply.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 8558aca1e..4cba36069 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -70,6 +70,7 @@ module.exports = {
           node,
           message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
         });
+        return;
       }
       const tabindexValue = getPropValue(tabindexProp);
       if (tabindexValue !== '"0"') {
@@ -77,6 +78,7 @@ module.exports = {
           node,
           message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
         });
+        return;
       }
       const roleValue = getPropValue(roleProp);
       if (roleValue !== '"button"') {

From 56926b9de2022da9f34d1f1f5a50fba070213855 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 22:34:55 +0000
Subject: [PATCH 20/35] added more meaningful error messages

---
 package.json               |  2 +-
 src/rules/div-has-apply.js | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 2bbd8e0c1..750c78f47 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-thirtyeight",
+  "name": "eslint-plugin-jsx-a11y-div-fourty",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 4cba36069..5fa4b028a 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -68,23 +68,23 @@ module.exports = {
       if ((tabindexProp === undefined) || (roleProp === undefined)) {
         context.report({
           node,
-          message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
+          message: 'no attributes',
         });
         return;
       }
       const tabindexValue = getPropValue(tabindexProp);
-      if (tabindexValue !== '"0"') {
+      if (tabindexValue !== '0') {
         context.report({
           node,
-          message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
+          message: 'notabvalue',
         });
         return;
       }
       const roleValue = getPropValue(roleProp);
-      if (roleValue !== '"button"') {
+      if (roleValue !== 'button') {
         context.report({
           node,
-          message: 'Prefer alt="" over a presentational role. First rule of aria is to not use aria if it can be achieved via native HTML.',
+          message: 'noRolevalue',
         });
       }
     },

From 4ac6140766281cffd7d3421f52ba98ca7f081767 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 22:51:07 +0000
Subject: [PATCH 21/35] when tabindex AND role values are missing the error
 message should highlight that both are missing not just one

---
 src/rules/div-has-apply.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 5fa4b028a..9329b4050 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -62,7 +62,7 @@ module.exports = {
       if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
         return;
       }
-      const tabindexProp = getProp(node.attributes, 'tabindex');
+      const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
       // Missing alt prop error.
       if ((tabindexProp === undefined) || (roleProp === undefined)) {
@@ -78,7 +78,6 @@ module.exports = {
           node,
           message: 'notabvalue',
         });
-        return;
       }
       const roleValue = getPropValue(roleProp);
       if (roleValue !== 'button') {

From c179d25e08e2654e6ad3ad49c8a3d2e4f92e72ac Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 19 Mar 2021 23:27:31 +0000
Subject: [PATCH 22/35] corrected error messages, deleted unnecessary commented
 code parts

---
 package.json               |  2 +-
 src/rules/div-has-apply.js | 21 +++++----------------
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 750c78f47..10fefba11 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourty",
+  "name": "eslint-plugin-jsx-a11y-div-fourtyone",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 9329b4050..7f4d72c30 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -13,15 +13,11 @@ import {
   getProp,
   getPropValue,
 } from 'jsx-ast-utils';
-// import type { JSXOpeningElement } from 'ast-types-flow';
 import { generateObjSchema, arraySchema } from '../util/schemas';
 import hasAccessibleChild from '../util/hasApplyText';
 
 // const errorMessage = 'Div should not have text apply/submit. Use button native HTML element instead.';
 
-const headings = [
-  'div',
-];
 const actionVerbs = [
   'submit',
   'finish',
@@ -40,14 +36,9 @@ module.exports = {
   create: (context) => ({
     JSXOpeningElement: (node) => {
       const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
-      /*   if (literalChildValue && literalChildValue.value === 'apply') {
-           errorMessage = 'Div should not have text apply. Use button native HTML element instead.';
-         } else {
-           errorMessage = 'it is valid';
-         } */
       const options = context.options[0] || {};
       const componentOptions = options.components || [];
-      const typeCheck = headings.concat(componentOptions);
+      const typeCheck = ['div'].concat(componentOptions);
       const nodeType = elementType(node);
 
       // Only check 'div*' elements and custom types.
@@ -57,18 +48,16 @@ module.exports = {
       if (hasAccessibleChild(node.parent) === false) {
         return;
       }
-      // if (literalChildValue && literalChildValue.value.toLowerCase() !== 'apply') {
-      //   return;
       if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
         return;
       }
       const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
-      // Missing alt prop error.
+      // Missing tabindex and role prop error.
       if ((tabindexProp === undefined) || (roleProp === undefined)) {
         context.report({
           node,
-          message: 'no attributes',
+          message: 'Missing or incorrect attributes. Action verbs should have aria attributes or native HTML elements. Please define tabIndex="0" attribute and role="button" aria role in the div. Refer to the rule defined by W3C: https://w3c.github.io/aria-practices/examples/button/button.html Otherwise, the first rule of aria is to not use aria with div if it can be achieved via native HTML, like button. Refer to the Living HTML standard on MDN website: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
         return;
       }
@@ -76,14 +65,14 @@ module.exports = {
       if (tabindexValue !== '0') {
         context.report({
           node,
-          message: 'notabvalue',
+          message: 'Missing or incorrect tabIndex attribute value. Action verbs should have aria attributes or native HTML elements. Please define tabIndex="0" attribute. Refer to the rule defined by W3C: https://w3c.github.io/aria-practices/examples/button/button.html Otherwise, the first rule of aria is to not use aria with div if it can be achieved via native HTML, like button. Refer to the Living HTML standard on MDN website: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
       }
       const roleValue = getPropValue(roleProp);
       if (roleValue !== 'button') {
         context.report({
           node,
-          message: 'noRolevalue',
+          message: 'Missing or incorrect role value. Action verbs should have aria attributes or native HTML elements. Please define role="button" attribute. Refer to the rule defined by W3C: https://w3c.github.io/aria-practices/examples/button/button.html Otherwise, the first rule of aria is to not use aria with div if it can be achieved via native HTML, like button. Refer to the Living HTML standard on MDN website: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
       }
     },

From eb4b893d5766f38d76fcad1dcba42d9c1f6cc9a1 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sat, 20 Mar 2021 00:06:51 +0000
Subject: [PATCH 23/35] got rid off unnecessary comment and hasAccessibleChild
 util

---
 package.json               | 2 +-
 src/rules/div-has-apply.js | 6 ------
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 10fefba11..0d9e38e35 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourtyone",
+  "name": "eslint-plugin-jsx-a11y-div-fourtytwo",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 7f4d72c30..d5d25a4ba 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -14,9 +14,6 @@ import {
   getPropValue,
 } from 'jsx-ast-utils';
 import { generateObjSchema, arraySchema } from '../util/schemas';
-import hasAccessibleChild from '../util/hasApplyText';
-
-// const errorMessage = 'Div should not have text apply/submit. Use button native HTML element instead.';
 
 const actionVerbs = [
   'submit',
@@ -45,9 +42,6 @@ module.exports = {
       if (typeCheck.indexOf(nodeType) === -1) {
         return;
       }
-      if (hasAccessibleChild(node.parent) === false) {
-        return;
-      }
       if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
         return;
       }

From 71f135afa0eadf78d97486b227598c1cf07a7b20 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sun, 21 Mar 2021 21:50:48 +0000
Subject: [PATCH 24/35] before three messages

---
 __tests__/src/rules/div-has-apply-test.js | 1084 ++++++++++++++++++++-
 package.json                              |    2 +-
 src/rules/div-has-apply.js                |   44 +-
 src/util/hasAccessibleChild.js            |    2 +-
 4 files changed, 1102 insertions(+), 30 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 091c58c3d..d16acf454 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -18,25 +18,1087 @@ import rule from '../../../src/rules/div-has-apply';
 
 const ruleTester = new RuleTester();
 
-const expectedError = {
-  message: 'Div should not have text apply. Use button native HTML element instead.',
+const expectedErrorNoAttributes = {
+  message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
   type: 'JSXOpeningElement',
 };
 
+const expectedErrorNoTabindex = {
+  message: 'Missing or incorrect tabIndex attribute value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+  type: 'JSXOpeningElement',
+};
+
+const expectedErrorNoRole = {
+  message: 'Missing or incorrect role value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+  type: 'JSXOpeningElement',
+};
+
+// const components = [{
+//   components: ['Button', 'Apply'],
+// }];
+
 ruleTester.run('div-has-apply', rule, {
   valid: [
+    // DEFAULT ELEMENT TESTS
     { code: '<div />;' },
-    { code: '<div>test</div>' },
-    { code: '<div></div>' },
-    { code: '<div tabindex="0" role="button">apply</div>' },
+    { code: '<div></div>' }, // empty div is allowed
+    { code: '<div>orange</div>' }, // no action word within div element
+    { code: '<div tabIndex="0" role="button">orange</div>' }, // any word within div that has the two attributes
+
+    // action words within div that has the two attributes
+    { code: ' <div tabIndex="0" role="button">advise</div>' },
+    { code: ' <div tabIndex="0" role="button">amplify</div>' },
+    { code: ' <div tabIndex="0" role="button">apply</div>' },
+    { code: ' <div tabIndex="0" role="button">arrange</div>' },
+    { code: ' <div tabIndex="0" role="button">ask</div>' },
+    { code: ' <div tabIndex="0" role="button">boost</div>' },
+    { code: ' <div tabIndex="0" role="button">build</div>' },
+    { code: ' <div tabIndex="0" role="button">call</div>' },
+    { code: ' <div tabIndex="0" role="button">click</div>' },
+    { code: ' <div tabIndex="0" role="button">close</div>' },
+    { code: ' <div tabIndex="0" role="button">commit</div>' },
+    { code: ' <div tabIndex="0" role="button">consult</div>' },
+    { code: ' <div tabIndex="0" role="button">compile</div>' },
+    { code: ' <div tabIndex="0" role="button">collect</div>' },
+    { code: ' <div tabIndex="0" role="button">contribute</div>' },
+    { code: ' <div tabIndex="0" role="button">create</div>' },
+    { code: ' <div tabIndex="0" role="button">cut</div>' },
+    { code: ' <div tabIndex="0" role="button">decrease</div>' },
+    { code: ' <div tabIndex="0" role="button">delete</div>' },
+    { code: ' <div tabIndex="0" role="button">divide</div>' },
+    { code: ' <div tabIndex="0" role="button">drink</div>' },
+    { code: ' <div tabIndex="0" role="button">eat</div>' },
+    { code: ' <div tabIndex="0" role="button">earn</div>' },
+    { code: ' <div tabIndex="0" role="button">enable</div>' },
+    { code: ' <div tabIndex="0" role="button">enter</div>' },
+    { code: ' <div tabIndex="0" role="button">execute</div>' },
+    { code: ' <div tabIndex="0" role="button">exit</div>' },
+    { code: ' <div tabIndex="0" role="button">expand</div>' },
+    { code: ' <div tabIndex="0" role="button">explain</div>' },
+    { code: ' <div tabIndex="0" role="button">finish</div>' },
+    { code: ' <div tabIndex="0" role="button">forecast</div>' },
+    { code: ' <div tabIndex="0" role="button">fix</div>' },
+    { code: ' <div tabIndex="0" role="button">generate</div>' },
+    { code: ' <div tabIndex="0" role="button">handle</div>' },
+    { code: ' <div tabIndex="0" role="button">help</div>' },
+    { code: ' <div tabIndex="0" role="button">hire</div>' },
+    { code: ' <div tabIndex="0" role="button">hit</div>' },
+    { code: ' <div tabIndex="0" role="button">improve</div>' },
+    { code: ' <div tabIndex="0" role="button">increase</div>' },
+    { code: ' <div tabIndex="0" role="button">join</div>' },
+    { code: ' <div tabIndex="0" role="button">jump</div>' },
+    { code: ' <div tabIndex="0" role="button">leave</div>' },
+    { code: ' <div tabIndex="0" role="button">let\'/s</div>' },
+    { code: ' <div tabIndex="0" role="button">list</div>' },
+    { code: ' <div tabIndex="0" role="button">listen</div>' },
+    { code: ' <div tabIndex="0" role="button">magnify</div>' },
+    { code: ' <div tabIndex="0" role="button">make</div>' },
+    { code: ' <div tabIndex="0" role="button">manage</div>' },
+    { code: ' <div tabIndex="0" role="button">minimize</div>' },
+    { code: ' <div tabIndex="0" role="button">move</div>' },
+    { code: ' <div tabIndex="0" role="button">ok</div>' },
+    { code: ' <div tabIndex="0" role="button">open</div>' },
+    { code: ' <div tabIndex="0" role="button">organise</div>' },
+    { code: ' <div tabIndex="0" role="button">oversee</div>' },
+    { code: ' <div tabIndex="0" role="button">play</div>' },
+    { code: ' <div tabIndex="0" role="button">push</div>' },
+    { code: ' <div tabIndex="0" role="button">read</div>' },
+    { code: ' <div tabIndex="0" role="button">reduce</div>' },
+    { code: ' <div tabIndex="0" role="button">run</div>' },
+    { code: ' <div tabIndex="0" role="button">save</div>' },
+    { code: ' <div tabIndex="0" role="button">send</div>' },
+    { code: ' <div tabIndex="0" role="button">shout</div>' },
+    { code: ' <div tabIndex="0" role="button">sing</div>' },
+    { code: ' <div tabIndex="0" role="button">submit</div>' },
+    { code: ' <div tabIndex="0" role="button">support</div>' },
+    { code: ' <div tabIndex="0" role="button">talk</div>' },
+    { code: ' <div tabIndex="0" role="button">trim</div>' },
+    { code: ' <div tabIndex="0" role="button">visit</div>' },
+    { code: ' <div tabIndex="0" role="button">volunteer</div>' },
+    { code: ' <div tabIndex="0" role="button">vote</div>' },
+    { code: ' <div tabIndex="0" role="button">watch</div>' },
+    { code: ' <div tabIndex="0" role="button">win</div>' },
+    { code: ' <div tabIndex="0" role="button">write</div>' },
+
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
-    { code: '<div>apply</div>', errors: [expectedError] },
-    { code: '<div>ok</div>', errors: [expectedError] },
-    { code: '<div>finish</div>', errors: [expectedError] },
-    { code: '<div>submit</div>', errors: [expectedError] },
-    { code: '<div>delete</div>', errors: [expectedError] },
-    { code: '<div tabindex role>apply</div>' },
+
+    // { code: '<div>orange</div>', errors: [expectedErrorNoAttributes] }, // any word within div that has the two attributes
+
+    // action words within div that has the two attributes
+    { code: ' <div>advise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>amplify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>apply</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>arrange</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>ask</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>boost</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>build</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>call</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>click</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>close</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>commit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>consult</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>compile</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>collect</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>contribute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>create</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>cut</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>decrease</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>delete</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>divide</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>drink</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>eat</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>earn</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>enable</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>enter</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>execute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>exit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>expand</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>explain</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>finish</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>forecast</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>fix</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>generate</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>handle</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>help</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>hire</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>hit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>improve</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>increase</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>join</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>jump</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>leave</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>let\'/s</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>list</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>listen</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>magnify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>make</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>manage</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>minimize</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>move</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>ok</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>open</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>organise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>oversee</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>play</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>push</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>read</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>reduce</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>run</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>save</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>send</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>shout</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>sing</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>submit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>support</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>talk</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>trim</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>visit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>volunteer</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>vote</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>watch</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>win</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div>write</div>', errors: [expectedErrorNoAttributes] },
+
+    //  undefined attributes
+    { code: ' <div tabIndex role>advise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>amplify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>apply</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>arrange</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>ask</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>boost</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>build</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>call</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>click</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>close</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>commit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>consult</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>compile</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>collect</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>contribute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>create</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>cut</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>decrease</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>delete</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>divide</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>drink</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>eat</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>earn</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>enable</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>enter</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>execute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>exit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>expand</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>explain</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>finish</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>forecast</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>fix</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>generate</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>handle</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>help</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>hire</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>hit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>improve</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>increase</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>join</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>jump</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>leave</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>let\'/s</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>list</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>listen</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>magnify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>make</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>manage</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>minimize</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>move</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>ok</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>open</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>organise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>oversee</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>play</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>push</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>read</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>reduce</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>run</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>save</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>send</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>shout</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>sing</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>submit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>support</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>talk</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>trim</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>visit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>volunteer</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>vote</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>watch</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>win</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex role>write</div>', errors: [expectedErrorNoAttributes] },
+
+    // wrong attributes values -1 and navigation
+    { code: ' <div tabIndex="-1" role="navigation">advise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">amplify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">apply</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">arrange</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">ask</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">boost</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">build</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">call</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">click</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">close</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">commit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">consult</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">compile</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">collect</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">contribute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">create</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">cut</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">decrease</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">delete</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">divide</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">drink</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">eat</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">earn</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">enable</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">enter</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">execute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">exit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">expand</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">explain</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">finish</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">forecast</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">fix</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">generate</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">handle</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">help</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">hire</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">hit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">improve</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">increase</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">join</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">jump</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">leave</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">let\'/s</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">list</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">listen</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">magnify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">make</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">manage</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">minimize</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">move</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">ok</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">open</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">organise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">oversee</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">play</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">push</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">read</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">reduce</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">run</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">save</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">send</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">shout</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">sing</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">submit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">support</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">talk</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">trim</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">visit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">volunteer</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">vote</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">watch</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">win</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="-1" role="navigation">write</div>', errors: [expectedErrorNoAttributes] },
+
+    // wrong attributes values 1 and main
+    { code: ' <div tabIndex="1" role="main">advise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">amplify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">apply</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">arrange</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">ask</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">boost</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">build</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">call</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">click</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">close</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">commit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">consult</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">compile</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">collect</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">contribute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">create</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">cut</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">decrease</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">delete</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">divide</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">drink</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">eat</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">earn</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">enable</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">enter</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">execute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">exit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">expand</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">explain</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">finish</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">forecast</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">fix</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">generate</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">handle</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">help</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">hire</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">hit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">improve</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">increase</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">join</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">jump</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">leave</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">let\'/s</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">list</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">listen</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">magnify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">make</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">manage</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">minimize</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">move</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">ok</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">open</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">organise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">oversee</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">play</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">push</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">read</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">reduce</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">run</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">save</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">send</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">shout</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">sing</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">submit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">support</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">talk</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">trim</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">visit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">volunteer</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">vote</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">watch</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">win</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabIndex="1" role="main">write</div>', errors: [expectedErrorNoAttributes] },
+
+    // role is missing
+    { code: ' <div tabIndex="0">advise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">amplify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">apply</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">arrange</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">ask</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">boost</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">build</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">call</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">click</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">close</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">commit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">consult</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">compile</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">collect</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">contribute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">create</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">cut</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">decrease</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">delete</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">divide</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">drink</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">eat</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">earn</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">enable</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">enter</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">execute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">exit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">expand</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">explain</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">finish</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">forecast</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">fix</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">generate</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">handle</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">help</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">hire</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">hit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">improve</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">increase</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">join</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">jump</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">leave</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">let\'/s</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">list</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">listen</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">magnify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">make</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">manage</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">minimize</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">move</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">ok</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">open</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">organise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">oversee</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">play</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">push</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">read</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">reduce</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">run</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">save</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">send</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">shout</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">sing</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">submit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">support</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">talk</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">trim</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">visit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">volunteer</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">vote</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">watch</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">win</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0">write</div>', errors: [expectedErrorNoRole] },
+
+    // role is undefined
+    { code: ' <div tabIndex="0" role>advise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>amplify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>apply</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>arrange</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>ask</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>boost</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>build</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>call</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>click</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>close</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>commit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>consult</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>compile</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>collect</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>contribute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>create</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>cut</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>decrease</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>delete</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>divide</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>drink</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>eat</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>earn</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>enable</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>enter</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>execute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>exit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>expand</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>explain</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>finish</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>forecast</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>fix</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>generate</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>handle</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>help</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>hire</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>hit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>improve</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>increase</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>join</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>jump</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>leave</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>let\'/s</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>list</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>listen</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>magnify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>make</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>manage</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>minimize</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>move</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>ok</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>open</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>organise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>oversee</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>play</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>push</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>read</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>reduce</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>run</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>save</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>send</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>shout</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>sing</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>submit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>support</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>talk</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>trim</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>visit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>volunteer</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>vote</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>watch</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>win</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role>write</div>', errors: [expectedErrorNoRole] },
+
+    // role's value is an empty string
+    { code: ' <div tabIndex="0" role="">advise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">amplify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">apply</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">arrange</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">ask</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">boost</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">build</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">call</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">click</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">close</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">commit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">consult</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">compile</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">collect</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">contribute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">create</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">cut</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">decrease</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">delete</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">divide</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">drink</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">eat</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">earn</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">enable</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">enter</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">execute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">exit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">expand</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">explain</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">finish</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">forecast</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">fix</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">generate</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">handle</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">help</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">hire</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">hit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">improve</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">increase</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">join</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">jump</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">leave</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">let\'/s</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">list</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">listen</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">magnify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">make</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">manage</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">minimize</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">move</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">ok</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">open</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">organise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">oversee</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">play</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">push</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">read</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">reduce</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">run</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">save</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">send</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">shout</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">sing</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">submit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">support</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">talk</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">trim</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">visit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">volunteer</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">vote</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">watch</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">win</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="">write</div>', errors: [expectedErrorNoRole] },
+
+    // role's value is not button
+    { code: ' <div tabIndex="0" role="main">advise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">amplify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">apply</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">arrange</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">ask</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">boost</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">build</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">call</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">click</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">close</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">commit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">consult</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">compile</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">collect</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">contribute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">create</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">cut</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">decrease</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">delete</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">divide</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">drink</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">eat</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">earn</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">enable</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">enter</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">execute</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">exit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">expand</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">explain</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">finish</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">forecast</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">fix</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">generate</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">handle</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">help</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">hire</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">hit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">improve</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">increase</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">join</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">jump</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">leave</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">let\'/s</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">list</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">listen</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">magnify</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">make</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">manage</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">minimize</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">move</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">ok</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">open</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">organise</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">oversee</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">play</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">push</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">read</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">reduce</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">run</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">save</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">send</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">shout</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">sing</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">submit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">support</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">talk</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">trim</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">visit</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">volunteer</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">vote</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">watch</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">win</div>', errors: [expectedErrorNoRole] },
+    { code: ' <div tabIndex="0" role="main">write</div>', errors: [expectedErrorNoRole] },
+
+    // tabindex is missing
+    { code: ' <div role="button">advise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">amplify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">apply</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">arrange</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">ask</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">boost</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">build</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">call</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">click</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">close</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">commit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">consult</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">compile</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">collect</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">contribute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">create</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">cut</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">decrease</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">delete</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">divide</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">drink</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">eat</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">earn</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">enable</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">enter</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">execute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">exit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">expand</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">explain</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">finish</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">forecast</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">fix</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">generate</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">handle</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">help</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">hire</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">hit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">improve</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">increase</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">join</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">jump</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">leave</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">let\'/s</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">list</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">listen</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">magnify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">make</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">manage</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">minimize</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">move</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">ok</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">open</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">organise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">oversee</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">play</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">push</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">read</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">reduce</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">run</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">save</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">send</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">shout</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">sing</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">submit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">support</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">talk</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">trim</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">visit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">volunteer</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">vote</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">watch</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">win</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button">write</div>', errors: [expectedErrorNoTabindex] },
+
+    // tabindex is undefined
+    { code: ' <div role="button" tabindex>advise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>amplify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>apply</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>arrange</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>ask</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>boost</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>build</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>call</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>click</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>close</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>commit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>consult</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>compile</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>collect</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>contribute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>create</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>cut</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>decrease</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>delete</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>divide</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>drink</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>eat</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>earn</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>enable</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>enter</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>execute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>exit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>expand</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>explain</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>finish</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>forecast</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>fix</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>generate</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>handle</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>help</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>hire</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>hit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>improve</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>increase</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>join</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>jump</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>leave</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>let\'/s</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>list</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>listen</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>magnify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>make</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>manage</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>minimize</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>move</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>ok</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>open</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>organise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>oversee</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>play</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>push</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>read</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>reduce</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>run</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>save</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>send</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>shout</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>sing</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>submit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>support</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>talk</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>trim</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>visit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>volunteer</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>vote</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>watch</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>win</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex>write</div>', errors: [expectedErrorNoTabindex] },
+
+    // tabindex's value is an empty string
+    { code: ' <div role="button" tabindex="">advise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">amplify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">apply</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">arrange</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">ask</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">boost</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">build</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">call</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">click</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">close</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">commit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">consult</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">compile</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">collect</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">contribute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">create</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">cut</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">decrease</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">delete</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">divide</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">drink</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">eat</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">earn</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">enable</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">enter</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">execute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">exit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">expand</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">explain</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">finish</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">forecast</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">fix</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">generate</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">handle</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">help</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">hire</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">hit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">improve</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">increase</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">join</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">jump</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">leave</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">let\'/s</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">list</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">listen</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">magnify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">make</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">manage</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">minimize</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">move</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">ok</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">open</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">organise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">oversee</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">play</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">push</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">read</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">reduce</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">run</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">save</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">send</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">shout</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">sing</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">submit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">support</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">talk</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">trim</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">visit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">volunteer</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">vote</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">watch</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">win</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="">write</div>', errors: [expectedErrorNoTabindex] },
+
+    // tabindex's value is -1
+    { code: ' <div role="button" tabindex="-1">advise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">amplify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">apply</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">arrange</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">ask</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">boost</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">build</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">call</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">click</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">close</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">commit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">consult</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">compile</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">collect</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">contribute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">create</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">cut</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">decrease</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">delete</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">divide</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">drink</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">eat</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">earn</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">enable</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">enter</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">execute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">exit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">expand</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">explain</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">finish</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">forecast</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">fix</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">generate</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">handle</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">help</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">hire</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">hit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">improve</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">increase</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">join</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">jump</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">leave</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">let\'/s</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">list</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">listen</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">magnify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">make</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">manage</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">minimize</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">move</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">ok</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">open</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">organise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">oversee</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">play</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">push</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">read</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">reduce</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">run</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">save</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">send</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">shout</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">sing</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">submit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">support</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">talk</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">trim</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">visit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">volunteer</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">vote</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">watch</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">win</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="-1">write</div>', errors: [expectedErrorNoTabindex] },
+
+    // tabindex's value is 1
+    { code: ' <div role="button" tabindex="1">advise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">amplify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">apply</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">arrange</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">ask</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">boost</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">build</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">call</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">click</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">close</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">commit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">consult</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">compile</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">collect</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">contribute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">create</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">cut</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">decrease</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">delete</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">divide</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">drink</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">eat</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">earn</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">enable</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">enter</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">execute</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">exit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">expand</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">explain</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">finish</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">forecast</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">fix</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">generate</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">handle</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">help</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">hire</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">hit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">improve</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">increase</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">join</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">jump</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">leave</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">let\'/s</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">list</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">listen</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">magnify</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">make</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">manage</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">minimize</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">move</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">ok</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">open</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">organise</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">oversee</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">play</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">push</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">read</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">reduce</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">run</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">save</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">send</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">shout</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">sing</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">submit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">support</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">talk</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">trim</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">visit</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">volunteer</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">vote</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">watch</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">win</div>', errors: [expectedErrorNoTabindex] },
+    { code: ' <div role="button" tabindex="1">write</div>', errors: [expectedErrorNoTabindex] },
   ].map(parserOptionsMapper),
 });
diff --git a/package.json b/package.json
index 0d9e38e35..5ede43b8c 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourtytwo",
+  "name": "eslint-plugin-jsx-a11y-div-fourtythree",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index d5d25a4ba..84749901d 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -16,11 +16,25 @@ import {
 import { generateObjSchema, arraySchema } from '../util/schemas';
 
 const actionVerbs = [
-  'submit',
-  'finish',
-  'delete',
-  'ok',
-  'apply',
+  'advise', 'amplify', 'apply', 'arrange', 'ask',
+  'boost', 'build',
+  'call', 'click', 'close', 'commit', 'consult', 'compile', 'collect', 'contribute', 'create', 'cut',
+  'decrease', 'delete', 'divide', 'drink',
+  'eat', 'earn', 'enable', 'enter', 'execute', 'exit', 'expand', 'explain',
+  'finish', 'forecast', 'fix',
+  'generate',
+  'handle', 'help', 'hire', 'hit',
+  'improve', 'increase',
+  'join', 'jump',
+  'leave', 'let\'/s', 'list', 'listen',
+  'magnify', 'make', 'manage', 'minimize', 'move',
+  'ok', 'open', 'organise', 'oversee',
+  'play', 'push',
+  'read', 'reduce', 'run',
+  'save', 'send', 'shout', 'sing', 'submit', 'support',
+  'talk', 'trim',
+  'visit', 'volunteer', 'vote',
+  'watch', 'win', 'write',
 ];
 const schema = generateObjSchema({ components: arraySchema });
 
@@ -42,33 +56,29 @@ module.exports = {
       if (typeCheck.indexOf(nodeType) === -1) {
         return;
       }
+
       if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
         return;
       }
+
       const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
       // Missing tabindex and role prop error.
       if ((tabindexProp === undefined) || (roleProp === undefined)) {
-        context.report({
-          node,
-          message: 'Missing or incorrect attributes. Action verbs should have aria attributes or native HTML elements. Please define tabIndex="0" attribute and role="button" aria role in the div. Refer to the rule defined by W3C: https://w3c.github.io/aria-practices/examples/button/button.html Otherwise, the first rule of aria is to not use aria with div if it can be achieved via native HTML, like button. Refer to the Living HTML standard on MDN website: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
-        });
         return;
       }
       const tabindexValue = getPropValue(tabindexProp);
       if (tabindexValue !== '0') {
-        context.report({
-          node,
-          message: 'Missing or incorrect tabIndex attribute value. Action verbs should have aria attributes or native HTML elements. Please define tabIndex="0" attribute. Refer to the rule defined by W3C: https://w3c.github.io/aria-practices/examples/button/button.html Otherwise, the first rule of aria is to not use aria with div if it can be achieved via native HTML, like button. Refer to the Living HTML standard on MDN website: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
-        });
+        return;
       }
       const roleValue = getPropValue(roleProp);
       if (roleValue !== 'button') {
-        context.report({
-          node,
-          message: 'Missing or incorrect role value. Action verbs should have aria attributes or native HTML elements. Please define role="button" attribute. Refer to the rule defined by W3C: https://w3c.github.io/aria-practices/examples/button/button.html Otherwise, the first rule of aria is to not use aria with div if it can be achieved via native HTML, like button. Refer to the Living HTML standard on MDN website: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
-        });
+        return;
       }
+      context.report({
+        node,
+        message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+      });
     },
   }),
 };
diff --git a/src/util/hasAccessibleChild.js b/src/util/hasAccessibleChild.js
index 4e4110941..f3cc33003 100644
--- a/src/util/hasAccessibleChild.js
+++ b/src/util/hasAccessibleChild.js
@@ -17,7 +17,7 @@ export default function hasAccessibleChild(node: JSXElement): boolean {
         );
       case 'JSXExpressionContainer':
         if (child.expression.type === 'Identifier') {
-          return child.expression.name !== 'undefined';
+          return (child.expression.name !== 'undefined') || (child.expression.value !== '');
         }
         return true;
       default:

From d96254e5a118f3d68355da053ec825af45c58ad9 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sun, 21 Mar 2021 22:44:37 +0000
Subject: [PATCH 25/35] basic tests passed - no variable, or custom elements

---
 __tests__/src/util/hasApplyText-test.js | 99 -------------------------
 src/rules/div-has-apply.js              | 29 +++++---
 src/util/hasAccessibleChild.js          |  3 +-
 3 files changed, 21 insertions(+), 110 deletions(-)
 delete mode 100644 __tests__/src/util/hasApplyText-test.js

diff --git a/__tests__/src/util/hasApplyText-test.js b/__tests__/src/util/hasApplyText-test.js
deleted file mode 100644
index 053fd046d..000000000
--- a/__tests__/src/util/hasApplyText-test.js
+++ /dev/null
@@ -1,99 +0,0 @@
-/* eslint-env jest */
-import hasApplyText from '../../../src/util/hasApplyText';
-import JSXElementMock from '../../../__mocks__/JSXElementMock';
-import JSXAttributeMock from '../../../__mocks__/JSXAttributeMock';
-import JSXExpressionContainerMock from '../../../__mocks__/JSXExpressionContainerMock';
-
-describe('hasApplyText', () => {
-  describe('has no children and does not set dangerouslySetInnerHTML', () => {
-    it('returns false', () => {
-      expect(hasApplyText(JSXElementMock('div', []))).toBe(false);
-    });
-  });
-
-  describe('has no children and sets dangerouslySetInnerHTML', () => {
-    it('Returns true', () => {
-      const prop = JSXAttributeMock('dangerouslySetInnerHTML', true);
-      const element = JSXElementMock('div', [prop], []);
-      expect(hasApplyText(element)).toBe(true);
-    });
-  });
-
-  describe('has apply text as children', () => {
-    it('Returns true for a Literal child, apply text', () => {
-      const child = {
-        type: 'Literal',
-        value: 'apply',
-      };
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(true); // we expect that when <div>apply</div> is found then error mesage should be sent to the developer
-      // we expect that hasApplyText has <div>apply</div> and then the rule util hasApplyText and the rule divHasApply should send error message
-    });
-
-    it('Returns false for any other Literal child', () => {
-      const child = {
-        type: 'Literal',
-        value: 'orange',
-      };
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(false);
-    });
-
-    //
-    it('Returns true for visible child JSXElement', () => {
-      const child = JSXElementMock('div', []);
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(true);
-    });
-
-    it('Returns true for JSXText Element', () => {
-      const child = {
-        type: 'JSXText',
-        value: 'apply',
-      };
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(true);
-    });
-
-    // it('Returns false for hidden child JSXElement', () => {
-    //   const ariaHiddenAttr = JSXAttributeMock('aria-hidden', true);
-    //   const child = JSXElementMock('button', [ariaHiddenAttr]);
-    //   const element = JSXElementMock('button', [], [child]);
-    //   expect(hasApplyText(element)).toBe(false);
-    // });
-
-    it('Returns true for defined JSXExpressionContainer', () => {
-      const expression = {
-        type: 'Identifier',
-        name: 'apply',
-      };
-      const child = JSXExpressionContainerMock(expression);
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(true);
-    });
-
-    it('Returns false for undefined JSXExpressionContainer', () => {
-      const expression = {
-        type: 'Identifier',
-        name: 'undefined',
-      };
-      const child = JSXExpressionContainerMock(expression);
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(false);
-    });
-
-    it('Returns false for unknown child type', () => {
-      const child = {
-        type: 'Unknown',
-      };
-      const element = JSXElementMock('div', [], [child]);
-      expect(hasApplyText(element)).toBe(false);
-    });
-
-    it('Returns true with children passed as a prop', () => {
-      const children = JSXAttributeMock('children', true);
-      const element = JSXElementMock('div', [children], []);
-      expect(hasApplyText(element)).toBe(true);
-    });
-  });
-});
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 84749901d..3ec7e0146 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -63,22 +63,31 @@ module.exports = {
 
       const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
+      const tabindexValue = getPropValue(tabindexProp);
+      const roleValue = getPropValue(roleProp);
       // Missing tabindex and role prop error.
-      if ((tabindexProp === undefined) || (roleProp === undefined)) {
+      if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button'))) {
+        context.report({
+          node,
+          message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+        });
         return;
       }
-      const tabindexValue = getPropValue(tabindexProp);
-      if (tabindexValue !== '0') {
+
+      if ((tabindexValue !== '0') || (tabindexProp === undefined)) {
+        context.report({
+          node,
+          message: 'Missing or incorrect tabIndex attribute value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+        });
         return;
       }
-      const roleValue = getPropValue(roleProp);
-      if (roleValue !== 'button') {
-        return;
+
+      if ((roleValue !== 'button') || (roleProp === undefined)) {
+        context.report({
+          node,
+          message: 'Missing or incorrect role value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+        });
       }
-      context.report({
-        node,
-        message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
-      });
     },
   }),
 };
diff --git a/src/util/hasAccessibleChild.js b/src/util/hasAccessibleChild.js
index f3cc33003..822260caa 100644
--- a/src/util/hasAccessibleChild.js
+++ b/src/util/hasAccessibleChild.js
@@ -17,7 +17,8 @@ export default function hasAccessibleChild(node: JSXElement): boolean {
         );
       case 'JSXExpressionContainer':
         if (child.expression.type === 'Identifier') {
-          return (child.expression.name !== 'undefined') || (child.expression.value !== '');
+          // return (child.expression.name !== 'undefined') || (child.expression.value !== '');
+          return child.expression.name !== 'undefined';
         }
         return true;
       default:

From 3af1c4c6aae269b89a97ef108ad56ec796e325b6 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sun, 21 Mar 2021 23:49:55 +0000
Subject: [PATCH 26/35] before before changing logic of error messages

---
 __tests__/src/rules/heading-has-content-test.js | 2 +-
 package.json                                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/__tests__/src/rules/heading-has-content-test.js b/__tests__/src/rules/heading-has-content-test.js
index 7e762b1ff..fa8821c61 100644
--- a/__tests__/src/rules/heading-has-content-test.js
+++ b/__tests__/src/rules/heading-has-content-test.js
@@ -56,7 +56,7 @@ ruleTester.run('heading-has-content', rule, {
   invalid: [
     // DEFAULT ELEMENT TESTS
     { code: '<h1 />', errors: [expectedError] },
-    { code: '<h1><Bar aria-hidden /></h1>', errors: [expectedError] },
+    { code: '<h1><Bar aria-hidden="true" /></h1>', errors: [expectedError] },
     { code: '<h1>{undefined}</h1>', errors: [expectedError] },
 
     // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
diff --git a/package.json b/package.json
index 5ede43b8c..4dd88160c 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourtythree",
+  "name": "eslint-plugin-jsx-a11y-div-fourtyfour",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [

From ceb121108fa58da0f4482be8453845e84119d91d Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Sun, 21 Mar 2021 23:50:35 +0000
Subject: [PATCH 27/35] added or case

---
 src/rules/div-has-apply.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 3ec7e0146..115db7458 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -66,7 +66,8 @@ module.exports = {
       const tabindexValue = getPropValue(tabindexProp);
       const roleValue = getPropValue(roleProp);
       // Missing tabindex and role prop error.
-      if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button'))) {
+      if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button')) ||
+      ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
           node,
           message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',

From 8abf80481365374aa4d2d898544fb5b836c0dc7d Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Mon, 22 Mar 2021 18:33:18 +0000
Subject: [PATCH 28/35] wrong attribute value and missing attribute

---
 __tests__/src/rules/div-has-apply-test.js | 152 +++++++++++++++++++++-
 src/rules/div-has-apply.js                |   6 +-
 2 files changed, 154 insertions(+), 4 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index d16acf454..421bba855 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -19,7 +19,7 @@ import rule from '../../../src/rules/div-has-apply';
 const ruleTester = new RuleTester();
 
 const expectedErrorNoAttributes = {
-  message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+  message: 'Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
   type: 'JSXOpeningElement',
 };
 
@@ -426,6 +426,156 @@ ruleTester.run('div-has-apply', rule, {
     { code: ' <div tabIndex="1" role="main">win</div>', errors: [expectedErrorNoAttributes] },
     { code: ' <div tabIndex="1" role="main">write</div>', errors: [expectedErrorNoAttributes] },
 
+    // wrong attribute value: contentinfo and missing attribute: tabindex
+    { code: ' <div role="contentinfo">advise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">amplify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">apply</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">arrange</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">ask</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">boost</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">build</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">call</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">click</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">close</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">commit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">consult</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">compile</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">collect</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">contribute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">create</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">cut</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">decrease</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">delete</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">divide</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">drink</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">eat</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">earn</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">enable</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">enter</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">execute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">exit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">expand</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">explain</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">finish</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">forecast</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">fix</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">generate</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">handle</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">help</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">hire</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">hit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">improve</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">increase</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">join</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">jump</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">leave</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">let\'/s</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">list</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">listen</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">magnify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">make</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">manage</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">minimize</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">move</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">ok</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">open</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">organise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">oversee</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">play</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">push</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">read</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">reduce</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">run</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">save</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">send</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">shout</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">sing</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">submit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">support</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">talk</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">trim</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">visit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">volunteer</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">vote</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">watch</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">win</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div role="contentinfo">write</div>', errors: [expectedErrorNoAttributes] },
+
+    // wrong attribute value: tabindex="-1" and missing attribute: role="button"
+    { code: ' <div tabindex="-1">advise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">amplify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">apply</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">arrange</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">ask</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">boost</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">build</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">call</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">click</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">close</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">commit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">consult</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">compile</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">collect</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">contribute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">create</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">cut</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">decrease</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">delete</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">divide</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">drink</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">eat</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">earn</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">enable</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">enter</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">execute</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">exit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">expand</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">explain</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">finish</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">forecast</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">fix</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">generate</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">handle</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">help</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">hire</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">hit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">improve</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">increase</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">join</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">jump</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">leave</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">let\'/s</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">list</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">listen</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">magnify</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">make</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">manage</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">minimize</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">move</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">ok</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">open</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">organise</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">oversee</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">play</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">push</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">read</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">reduce</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">run</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">save</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">send</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">shout</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">sing</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">submit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">support</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">talk</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">trim</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">visit</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">volunteer</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">vote</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">watch</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">win</div>', errors: [expectedErrorNoAttributes] },
+    { code: ' <div tabindex="-1">write</div>', errors: [expectedErrorNoAttributes] },
+
     // role is missing
     { code: ' <div tabIndex="0">advise</div>', errors: [expectedErrorNoRole] },
     { code: ' <div tabIndex="0">amplify</div>', errors: [expectedErrorNoRole] },
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 115db7458..b2a3a393b 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -66,11 +66,11 @@ module.exports = {
       const tabindexValue = getPropValue(tabindexProp);
       const roleValue = getPropValue(roleProp);
       // Missing tabindex and role prop error.
-      if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button')) ||
-      ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
+      if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button'))
+      || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
           node,
-          message: 'Missing or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+          message: 'Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
         return;
       }

From 737801b2214a113ccea4d6451b5d4a5f0f4ecd4d Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Mon, 22 Mar 2021 22:57:49 +0000
Subject: [PATCH 29/35] testing what options, componentOptions, typeCheck and
 nodeType variables are again

---
 package.json               |  5 +++--
 src/rules/div-has-apply.js | 13 +++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 4dd88160c..01de4caed 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourtyfour",
+  "name": "eslint-plugin-jsx-a11y-div-fourtyseven",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
@@ -69,7 +69,8 @@
     "has": "^1.0.3",
     "jsx-ast-utils": "^3.2.0",
     "language-tags": "^1.0.5",
-    "minimatch": "^3.0.4"
+    "minimatch": "^3.0.4",
+    "proptypes": "^1.1.0"
   },
   "peerDependencies": {
     "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index b2a3a393b..4c796535d 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -47,13 +47,14 @@ module.exports = {
   create: (context) => ({
     JSXOpeningElement: (node) => {
       const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
-      const options = context.options[0] || {};
-      const componentOptions = options.components || [];
-      const typeCheck = ['div'].concat(componentOptions);
-      const nodeType = elementType(node);
+      const options = context.options[0] || {}; // [object Object]
+      const componentOptions = options.components || []; // Apply - comming from .eslintrc.js file
+      const typeCheck = ['div'].concat(componentOptions); // div, Apply
+      const nodeType = elementType(node); // Apply
 
       // Only check 'div*' elements and custom types.
-      if (typeCheck.indexOf(nodeType) === -1) {
+      if (typeCheck.indexOf(nodeType) === -1) { // answers the question: is the current node, which is Apply is defined in the componentOptions?
+        // for example, is the Apply custom component present in div,Apply
         return;
       }
 
@@ -70,7 +71,7 @@ module.exports = {
       || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
           node,
-          message: 'Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+          message: `${options} meh ${componentOptions} meh ${typeCheck} meh ${nodeType}  Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns `,
         });
         return;
       }

From c763acb3d6d905c62b6a8fe64bb7b4d163d4ba22 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Tue, 23 Mar 2021 12:39:53 +0000
Subject: [PATCH 30/35] see if it works without TextChildValue, created
 VariableChildValue in comments

---
 package.json               |  2 +-
 src/rules/div-has-apply.js | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 01de4caed..7107e7f08 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourtyseven",
+  "name": "eslint-plugin-jsx-a11y-div-fourtyeight",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 4c796535d..70f28cac4 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -46,7 +46,9 @@ module.exports = {
 
   create: (context) => ({
     JSXOpeningElement: (node) => {
-      const literalChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
+      const TextChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
+      // TextChildValue.value is the text within the tag elements
+      // const VariableChildValue = node.parent.children.find((child) => child.type === 'JSXExpressionContainer' || child.type === 'Unknown');
       const options = context.options[0] || {}; // [object Object]
       const componentOptions = options.components || []; // Apply - comming from .eslintrc.js file
       const typeCheck = ['div'].concat(componentOptions); // div, Apply
@@ -58,10 +60,18 @@ module.exports = {
         return;
       }
 
-      if (actionVerbs.includes(literalChildValue && literalChildValue.value.toLowerCase()) === false) {
+      // if (actionVerbs.includes(VariableChildValue && VariableChildValue.value.toLowerCase()) === false) {
+      //   return;
+      // }
+
+      // if (actionVerbs.includes(TextChildValue && TextChildValue.value.toLowerCase()) === false) {
+      //   return;
+      // }
+      if (actionVerbs.includes(TextChildValue.value.toLowerCase()) === false) {
         return;
       }
 
+
       const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
       const tabindexValue = getPropValue(tabindexProp);
@@ -71,7 +81,7 @@ module.exports = {
       || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
           node,
-          message: `${options} meh ${componentOptions} meh ${typeCheck} meh ${nodeType}  Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns `,
+          message: `${TextChildValue} meh ${TextChildValue.value}  meh ${TextChildValue.type}  Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns `,
         });
         return;
       }

From f3f35881b19ee617f305a8c5737609c5b1ccca7b Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Tue, 23 Mar 2021 15:34:21 +0000
Subject: [PATCH 31/35] trial and error for looking at if variable value is
 equal to text apply - trying to access when expression.type='Identifier' in
 ast

---
 package.json               |  2 +-
 src/rules/div-has-apply.js | 24 +++++++++++++++++-------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 7107e7f08..01d87176a 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-fourtyeight",
+  "name": "eslint-plugin-jsx-a11y-div-sixtysix",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 70f28cac4..219e1790a 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -48,7 +48,10 @@ module.exports = {
     JSXOpeningElement: (node) => {
       const TextChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
       // TextChildValue.value is the text within the tag elements
-      // const VariableChildValue = node.parent.children.find((child) => child.type === 'JSXExpressionContainer' || child.type === 'Unknown');
+      // const VariableChildValue = node.parent.children.find((child) => child.type === 'JSXExpressionContainer' && child !== 'undefined');
+      const expressioncontainer = node.parent.children.find((child) => child.type === 'JSXExpressionContainer');
+      // => (expression.type === 'Identifier' && child.value !== 'undefined'));
+
       const options = context.options[0] || {}; // [object Object]
       const componentOptions = options.components || []; // Apply - comming from .eslintrc.js file
       const typeCheck = ['div'].concat(componentOptions); // div, Apply
@@ -60,18 +63,24 @@ module.exports = {
         return;
       }
 
-      // if (actionVerbs.includes(VariableChildValue && VariableChildValue.value.toLowerCase()) === false) {
+      // if (actionVerbs.includes(IdentifierChildValue && IdentifierChildValue.value.toLowerCase()) === false) {
       //   return;
       // }
+      if (expressioncontainer === true) {
+        const IdentifierChildValue = expressioncontainer.expression.type === 'Identifier';
+        context.report({
+          node,
+          message: `${IdentifierChildValue.value} is a identifier value`,
+        });
+        return;
+      }
 
-      // if (actionVerbs.includes(TextChildValue && TextChildValue.value.toLowerCase()) === false) {
-      //   return;
-      // }
-      if (actionVerbs.includes(TextChildValue.value.toLowerCase()) === false) {
+      if (actionVerbs.includes(TextChildValue && TextChildValue.value.toLowerCase()) === false) {
         return;
       }
 
 
+
       const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
       const tabindexValue = getPropValue(tabindexProp);
@@ -81,7 +90,8 @@ module.exports = {
       || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
           node,
-          message: `${TextChildValue} meh ${TextChildValue.value}  meh ${TextChildValue.type}  Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns `,
+          // message: `${IdentifierChildValue} meh ${IdentifierChildValue.value}  meh ${IdentifierChildValue.type} text: ${TextChildValue} meh ${TextChildValue.value}  meh ${TextChildValue.type}  Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns `,
+          message: 'Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
         return;
       }

From 08d3aa54e101ee94ba99641bb6d94a2312c04e97 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Tue, 23 Mar 2021 15:49:36 +0000
Subject: [PATCH 32/35] <div>{apply}</div> trying to access variable apply
 inside curly braces AND trying accessing variable value in heading
 -hasAccessibleChild util

---
 __tests__/src/rules/div-has-apply-test.js | 16 +++++++++++++---
 src/util/hasAccessibleChild.js            |  4 ++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 421bba855..331127985 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -33,9 +33,9 @@ const expectedErrorNoRole = {
   type: 'JSXOpeningElement',
 };
 
-// const components = [{
-//   components: ['Button', 'Apply'],
-// }];
+const components = [{
+  components: ['Button', 'Apply'],
+}];
 
 ruleTester.run('div-has-apply', rule, {
   valid: [
@@ -120,6 +120,16 @@ ruleTester.run('div-has-apply', rule, {
     { code: ' <div tabIndex="0" role="button">win</div>' },
     { code: ' <div tabIndex="0" role="button">write</div>' },
 
+    // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
+    { code: '<Apply>Orange</Apply>', options: components },
+    { code: '<Button>Orange</Button>', options: components },
+    { code: '<Apply><Orange /></Heading>', options: components },
+    { code: '<Heading>{foo}</Heading>', options: components },
+    { code: '<Heading>{foo.bar}</Heading>', options: components },
+    { code: '<Heading dangerouslySetInnerHTML={{ __html: "foo" }} />', options: components },
+    { code: '<Heading children={children} />', options: components },
+    { code: '<h1 aria-hidden />' },
+
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
diff --git a/src/util/hasAccessibleChild.js b/src/util/hasAccessibleChild.js
index 822260caa..d2791ccde 100644
--- a/src/util/hasAccessibleChild.js
+++ b/src/util/hasAccessibleChild.js
@@ -9,12 +9,12 @@ export default function hasAccessibleChild(node: JSXElement): boolean {
     switch (child.type) {
       case 'Literal':
       case 'JSXText':
-        return Boolean(child.value);
+        return Boolean(child.value); //exit if there is text within the tags
       case 'JSXElement':
         return !isHiddenFromScreenReader(
           elementType(child.openingElement),
           child.openingElement.attributes,
-        );
+        ); // exit when the JSXElement is visible for screenreader
       case 'JSXExpressionContainer':
         if (child.expression.type === 'Identifier') {
           // return (child.expression.name !== 'undefined') || (child.expression.value !== '');

From c404e78606b035248319f30fe5f04b27584c3193 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Tue, 23 Mar 2021 16:04:45 +0000
Subject: [PATCH 33/35] hasAccessibleChild empty string is not linted neither
 when expression.name is undefined

---
 package.json                   | 2 +-
 src/util/hasAccessibleChild.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 01d87176a..58ad28fe4 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-sixtysix",
+  "name": "eslint-plugin-jsx-a11y-div-sixtyeigth",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/util/hasAccessibleChild.js b/src/util/hasAccessibleChild.js
index d2791ccde..b4080c52d 100644
--- a/src/util/hasAccessibleChild.js
+++ b/src/util/hasAccessibleChild.js
@@ -17,8 +17,8 @@ export default function hasAccessibleChild(node: JSXElement): boolean {
         ); // exit when the JSXElement is visible for screenreader
       case 'JSXExpressionContainer':
         if (child.expression.type === 'Identifier') {
-          // return (child.expression.name !== 'undefined') || (child.expression.value !== '');
-          return child.expression.name !== 'undefined';
+          return (child.expression.name !== 'undefined') || (child.expression.value !== '');
+          // return child.expression.name !== 'undefined';
         }
         return true;
       default:

From 9165a02d23edfaf3ae7b8a52a6698785d3cc202d Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Tue, 23 Mar 2021 23:20:21 +0000
Subject: [PATCH 34/35] added custom element tests

---
 __tests__/src/rules/div-has-apply-test.js | 1224 ++++++++++++++++++++-
 package.json                              |    2 +-
 src/rules/div-has-apply.js                |   33 +-
 src/util/hasAccessibleChild.js            |    7 +-
 4 files changed, 1229 insertions(+), 37 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index 331127985..cf7186dd6 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -32,6 +32,10 @@ const expectedErrorNoRole = {
   message: 'Missing or incorrect role value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
   type: 'JSXOpeningElement',
 };
+const expectedErrorCustom = {
+  message: 'If custom element is an action word then the text within it should also be an action word. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+  type: 'JSXOpeningElement',
+};
 
 const components = [{
   components: ['Button', 'Apply'],
@@ -121,22 +125,87 @@ ruleTester.run('div-has-apply', rule, {
     { code: ' <div tabIndex="0" role="button">write</div>' },
 
     // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
-    { code: '<Apply>Orange</Apply>', options: components },
-    { code: '<Button>Orange</Button>', options: components },
-    { code: '<Apply><Orange /></Heading>', options: components },
-    { code: '<Heading>{foo}</Heading>', options: components },
-    { code: '<Heading>{foo.bar}</Heading>', options: components },
-    { code: '<Heading dangerouslySetInnerHTML={{ __html: "foo" }} />', options: components },
-    { code: '<Heading children={children} />', options: components },
-    { code: '<h1 aria-hidden />' },
+
+    // limitation: I only test for <Apply> custom element, I do not test when custom element name is any other action word from the list
+    // <Apply tabIndex="0" role="button">any action word </Apply> //has limitation
+    { code: '<Apply tabIndex="0" role="button">advise</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">amplify</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">apply</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">arrange</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">ask</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">boost</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">build</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">call</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">click</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">close</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">commit</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">consult</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">compile</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">collect</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">contribute</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">create</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">cut</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">decrease</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">delete</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">divide</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">drink</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">eat</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">earn</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">enable</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">enter</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">execute</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">exit</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">expand</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">explain</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">finish</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">forecast</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">fix</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">generate</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">handle</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">help</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">hire</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">hit</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">improve</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">increase</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">join</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">jump</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">leave</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">let\'/s</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">list</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">listen</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">magnify</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">make</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">manage</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">minimize</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">move</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">ok</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">open</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">organise</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">oversee</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">play</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">push</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">read</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">run</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">save</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">send</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">shout</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">sing</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">submit</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">support</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">talk</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">trim</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">visit</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">volunteer</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">vote</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">watch</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">win</Apply>', options: components },
+    { code: '<Apply tabIndex="0" role="button">write</Apply>', options: components },
 
   ].map(parserOptionsMapper),
   invalid: [
     // DEFAULT ELEMENT TESTS
 
-    // { code: '<div>orange</div>', errors: [expectedErrorNoAttributes] }, // any word within div that has the two attributes
-
-    // action words within div that has the two attributes
+    // action words within div that missing the two attributes
     { code: ' <div>advise</div>', errors: [expectedErrorNoAttributes] },
     { code: ' <div>amplify</div>', errors: [expectedErrorNoAttributes] },
     { code: ' <div>apply</div>', errors: [expectedErrorNoAttributes] },
@@ -1260,5 +1329,1138 @@ ruleTester.run('div-has-apply', rule, {
     { code: ' <div role="button" tabindex="1">watch</div>', errors: [expectedErrorNoTabindex] },
     { code: ' <div role="button" tabindex="1">win</div>', errors: [expectedErrorNoTabindex] },
     { code: ' <div role="button" tabindex="1">write</div>', errors: [expectedErrorNoTabindex] },
+
+    // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
+    // If custom element is an action word then the text within it should also be an action word:
+    { code: '<Apply>orange</Apply>', errors: [expectedErrorCustom], options: components },
+
+    // the below tests are the same as above for invalid
+    // the only difference is that instead of div I check for custom <Apply> tag
+
+    // action words within div that missing the two attributes
+    { code: ' <Apply>advise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>amplify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>apply</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>arrange</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>ask</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>boost</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>build</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>call</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>click</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>close</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>commit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>consult</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>compile</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>collect</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>contribute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>create</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>cut</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>decrease</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>delete</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>divide</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>drink</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>eat</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>earn</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>enable</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>enter</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>execute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>exit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>expand</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>explain</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>finish</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>forecast</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>fix</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>generate</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>handle</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>help</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>hire</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>hit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>improve</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>increase</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>join</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>jump</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>leave</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>let\'/s</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>list</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>listen</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>magnify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>make</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>manage</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>minimize</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>move</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>ok</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>open</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>organise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>oversee</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>play</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>push</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>read</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>reduce</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>run</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>save</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>send</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>shout</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>sing</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>submit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>support</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>talk</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>win</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply>write</Apply>', errors: [expectedErrorNoAttributes], options: components },
+
+    //  undefined attributes
+    { code: ' <Apply tabIndex role>advise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>amplify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>apply</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>arrange</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>ask</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>boost</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>build</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>call</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>click</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>close</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>commit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>consult</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>compile</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>collect</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>contribute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>create</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>cut</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>decrease</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>delete</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>divide</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>drink</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>eat</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>earn</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>enable</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>enter</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>execute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>exit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>expand</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>explain</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>finish</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>forecast</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>fix</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>generate</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>handle</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>help</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>hire</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>hit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>improve</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>increase</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>join</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>jump</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>leave</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>let\'/s</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>list</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>listen</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>magnify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>make</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>manage</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>minimize</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>move</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>ok</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>open</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>organise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>oversee</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>play</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>push</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>read</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>reduce</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>run</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>save</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>send</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>shout</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>sing</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>submit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>support</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>talk</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>win</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex role>write</Apply>', errors: [expectedErrorNoAttributes], options: components },
+
+    // wrong attributes values -1 and navigation
+    { code: ' <Apply tabIndex="-1" role="navigation">advise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">amplify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">apply</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">arrange</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">ask</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">boost</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">build</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">call</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">click</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">close</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">commit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">consult</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">compile</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">collect</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">contribute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">create</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">cut</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">decrease</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">delete</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">divide</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">drink</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">eat</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">earn</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">enable</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">enter</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">execute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">exit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">expand</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">explain</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">finish</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">forecast</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">fix</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">generate</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">handle</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">help</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">hire</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">hit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">improve</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">increase</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">join</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">jump</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">leave</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">let\'/s</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">list</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">listen</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">magnify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">make</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">manage</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">minimize</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">move</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">ok</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">open</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">organise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">oversee</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">play</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">push</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">read</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">reduce</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">run</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">save</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">send</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">shout</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">sing</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">submit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">support</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">talk</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">win</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="-1" role="navigation">write</Apply>', errors: [expectedErrorNoAttributes], options: components },
+
+    // wrong attributes values 1 and main
+    { code: ' <Apply tabIndex="1" role="main">advise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">amplify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">apply</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">arrange</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">ask</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">boost</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">build</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">call</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">click</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">close</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">commit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">consult</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">compile</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">collect</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">contribute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">create</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">cut</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">decrease</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">delete</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">divide</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">drink</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">eat</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">earn</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">enable</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">enter</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">execute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">exit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">expand</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">explain</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">finish</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">forecast</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">fix</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">generate</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">handle</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">help</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">hire</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">hit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">improve</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">increase</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">join</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">jump</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">leave</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">let\'/s</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">list</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">listen</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">magnify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">make</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">manage</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">minimize</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">move</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">ok</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">open</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">organise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">oversee</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">play</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">push</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">read</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">reduce</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">run</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">save</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">send</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">shout</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">sing</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">submit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">support</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">talk</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">win</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabIndex="1" role="main">write</Apply>', errors: [expectedErrorNoAttributes], options: components },
+
+    // wrong attribute value: contentinfo and missing attribute: tabindex
+    { code: ' <Apply role="contentinfo">advise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">amplify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">apply</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">arrange</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">ask</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">boost</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">build</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">call</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">click</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">close</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">commit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">consult</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">compile</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">collect</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">contribute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">create</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">cut</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">decrease</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">delete</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">divide</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">drink</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">eat</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">earn</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">enable</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">enter</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">execute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">exit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">expand</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">explain</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">finish</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">forecast</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">fix</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">generate</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">handle</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">help</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">hire</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">hit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">improve</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">increase</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">join</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">jump</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">leave</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">let\'/s</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">list</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">listen</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">magnify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">make</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">manage</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">minimize</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">move</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">ok</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">open</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">organise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">oversee</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">play</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">push</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">read</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">reduce</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">run</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">save</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">send</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">shout</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">sing</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">submit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">support</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">talk</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">win</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contentinfo">write</Apply>', errors: [expectedErrorNoAttributes], options: components },
+
+    // wrong attribute value: tabindex="-1" and missing attribute: role="button"
+    { code: ' <Apply tabindex="-1">advise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">amplify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">apply</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">arrange</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">ask</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">boost</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">build</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">call</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">click</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">close</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">commit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">consult</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">compile</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">collect</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">contribute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">create</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">cut</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">decrease</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">delete</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">divide</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">drink</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">eat</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">earn</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">enable</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">enter</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">execute</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">exit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">expand</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">explain</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">finish</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">forecast</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">fix</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">generate</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">handle</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">help</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">hire</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">hit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">improve</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">increase</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">join</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">jump</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">leave</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">let\'/s</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">list</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">listen</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">magnify</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">make</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">manage</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">minimize</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">move</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">ok</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">open</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">organise</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">oversee</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">play</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">push</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">read</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">reduce</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">run</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">save</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">send</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">shout</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">sing</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">submit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">support</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">talk</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">win</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply tabindex="-1">write</Apply>', errors: [expectedErrorNoAttributes], options: components },
+
+    // role is missing
+    { code: ' <Apply tabIndex="0">advise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">amplify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">apply</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">arrange</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">ask</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">boost</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">build</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">call</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">click</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">close</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">commit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">consult</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">compile</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">collect</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">contribute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">create</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">cut</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">decrease</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">delete</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">divide</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">drink</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">eat</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">earn</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">enable</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">enter</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">execute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">exit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">expand</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">explain</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">finish</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">forecast</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">fix</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">generate</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">handle</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">help</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">hire</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">hit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">improve</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">increase</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">join</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">jump</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">leave</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">let\'/s</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">list</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">listen</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">magnify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">make</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">manage</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">minimize</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">move</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">ok</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">open</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">organise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">oversee</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">play</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">push</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">read</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">reduce</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">run</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">save</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">send</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">shout</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">sing</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">submit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">support</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">talk</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">trim</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">visit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">volunteer</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">vote</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">watch</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">win</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0">write</Apply>', errors: [expectedErrorNoRole], options: components },
+
+    // role is undefined
+    { code: ' <Apply tabIndex="0" role>advise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>amplify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>apply</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>arrange</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>ask</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>boost</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>build</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>call</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>click</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>close</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>commit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>consult</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>compile</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>collect</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>contribute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>create</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>cut</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>decrease</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>delete</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>divide</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>drink</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>eat</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>earn</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>enable</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>enter</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>execute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>exit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>expand</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>explain</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>finish</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>forecast</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>fix</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>generate</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>handle</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>help</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>hire</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>hit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>improve</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>increase</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>join</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>jump</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>leave</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>let\'/s</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>list</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>listen</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>magnify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>make</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>manage</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>minimize</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>move</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>ok</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>open</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>organise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>oversee</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>play</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>push</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>read</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>reduce</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>run</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>save</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>send</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>shout</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>sing</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>submit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>support</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>talk</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>trim</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>visit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>volunteer</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>vote</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>watch</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>win</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role>write</Apply>', errors: [expectedErrorNoRole], options: components },
+
+    // role's value is an empty string
+    { code: ' <Apply tabIndex="0" role="">advise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">amplify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">apply</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">arrange</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">ask</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">boost</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">build</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">call</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">click</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">close</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">commit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">consult</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">compile</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">collect</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">contribute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">create</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">cut</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">decrease</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">delete</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">divide</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">drink</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">eat</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">earn</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">enable</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">enter</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">execute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">exit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">expand</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">explain</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">finish</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">forecast</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">fix</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">generate</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">handle</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">help</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">hire</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">hit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">improve</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">increase</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">join</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">jump</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">leave</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">let\'/s</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">list</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">listen</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">magnify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">make</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">manage</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">minimize</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">move</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">ok</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">open</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">organise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">oversee</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">play</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">push</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">read</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">reduce</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">run</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">save</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">send</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">shout</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">sing</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">submit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">support</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">talk</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">trim</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">visit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">volunteer</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">vote</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">watch</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">win</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="">write</Apply>', errors: [expectedErrorNoRole], options: components },
+
+    // role's value is not button
+    { code: ' <Apply tabIndex="0" role="main">advise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">amplify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">apply</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">arrange</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">ask</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">boost</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">build</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">call</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">click</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">close</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">commit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">consult</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">compile</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">collect</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">contribute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">create</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">cut</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">decrease</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">delete</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">divide</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">drink</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">eat</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">earn</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">enable</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">enter</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">execute</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">exit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">expand</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">explain</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">finish</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">forecast</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">fix</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">generate</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">handle</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">help</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">hire</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">hit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">improve</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">increase</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">join</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">jump</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">leave</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">let\'/s</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">list</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">listen</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">magnify</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">make</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">manage</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">minimize</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">move</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">ok</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">open</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">organise</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">oversee</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">play</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">push</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">read</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">reduce</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">run</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">save</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">send</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">shout</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">sing</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">submit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">support</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">talk</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">trim</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">visit</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">volunteer</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">vote</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">watch</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">win</Apply>', errors: [expectedErrorNoRole], options: components },
+    { code: ' <Apply tabIndex="0" role="main">write</Apply>', errors: [expectedErrorNoRole], options: components },
+
+    // tabindex is missing
+    { code: ' <Apply role="button">advise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">amplify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">apply</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">arrange</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">ask</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">boost</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">build</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">call</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">click</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">close</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">commit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">consult</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">compile</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">collect</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">contribute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">create</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">cut</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">decrease</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">delete</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">divide</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">drink</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">eat</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">earn</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">enable</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">enter</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">execute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">exit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">expand</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">explain</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">finish</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">forecast</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">fix</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">generate</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">handle</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">help</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">hire</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">hit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">improve</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">increase</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">join</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">jump</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">leave</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">let\'/s</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">list</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">listen</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">magnify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">make</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">manage</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">minimize</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">move</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">ok</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">open</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">organise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">oversee</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">play</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">push</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">read</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">reduce</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">run</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">save</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">send</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">shout</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">sing</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">submit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">support</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">talk</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">trim</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">visit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">volunteer</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">vote</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">watch</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">win</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button">write</Apply>', errors: [expectedErrorNoTabindex], options: components },
+
+    // tabindex is undefined
+    { code: ' <Apply role="button" tabindex>advise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>amplify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>apply</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>arrange</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>ask</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>boost</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>build</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>call</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>click</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>close</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>commit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>consult</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>compile</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>collect</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>contribute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>create</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>cut</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>decrease</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>delete</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>divide</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>drink</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>eat</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>earn</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>enable</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>enter</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>execute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>exit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>expand</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>explain</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>finish</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>forecast</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>fix</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>generate</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>handle</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>help</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>hire</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>hit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>improve</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>increase</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>join</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>jump</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>leave</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>let\'/s</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>list</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>listen</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>magnify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>make</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>manage</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>minimize</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>move</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>ok</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>open</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>organise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>oversee</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>play</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>push</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>read</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>reduce</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>run</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>save</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>send</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>shout</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>sing</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>submit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>support</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>talk</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>trim</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>visit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>volunteer</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>vote</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>watch</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>win</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex>write</Apply>', errors: [expectedErrorNoTabindex], options: components },
+
+    // tabindex's value is an empty string
+    { code: ' <Apply role="button" tabindex="">advise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">amplify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">apply</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">arrange</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">ask</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">boost</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">build</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">call</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">click</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">close</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">commit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">consult</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">compile</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">collect</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">contribute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">create</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">cut</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">decrease</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">delete</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">divide</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">drink</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">eat</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">earn</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">enable</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">enter</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">execute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">exit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">expand</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">explain</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">finish</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">forecast</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">fix</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">generate</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">handle</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">help</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">hire</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">hit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">improve</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">increase</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">join</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">jump</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">leave</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">let\'/s</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">list</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">listen</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">magnify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">make</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">manage</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">minimize</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">move</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">ok</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">open</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">organise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">oversee</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">play</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">push</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">read</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">reduce</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">run</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">save</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">send</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">shout</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">sing</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">submit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">support</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">talk</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">trim</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">visit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">volunteer</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">vote</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">watch</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">win</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="">write</Apply>', errors: [expectedErrorNoTabindex], options: components },
+
+    // tabindex's value is -1
+    { code: ' <Apply role="button" tabindex="-1">advise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">amplify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">apply</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">arrange</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">ask</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">boost</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">build</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">call</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">click</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">close</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">commit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">consult</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">compile</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">collect</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">contribute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">create</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">cut</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">decrease</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">delete</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">divide</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">drink</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">eat</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">earn</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">enable</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">enter</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">execute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">exit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">expand</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">explain</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">finish</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">forecast</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">fix</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">generate</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">handle</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">help</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">hire</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">hit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">improve</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">increase</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">join</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">jump</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">leave</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">let\'/s</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">list</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">listen</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">magnify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">make</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">manage</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">minimize</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">move</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">ok</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">open</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">organise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">oversee</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">play</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">push</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">read</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">reduce</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">run</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">save</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">send</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">shout</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">sing</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">submit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">support</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">talk</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">trim</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">visit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">volunteer</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">vote</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">watch</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">win</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="-1">write</Apply>', errors: [expectedErrorNoTabindex], options: components },
+
+    // tabindex's value is 1
+    { code: ' <Apply role="button" tabindex="1">advise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">amplify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">apply</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">arrange</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">ask</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">boost</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">build</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">call</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">click</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">close</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">commit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">consult</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">compile</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">collect</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">contribute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">create</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">cut</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">decrease</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">delete</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">divide</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">drink</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">eat</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">earn</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">enable</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">enter</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">execute</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">exit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">expand</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">explain</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">finish</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">forecast</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">fix</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">generate</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">handle</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">help</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">hire</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">hit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">improve</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">increase</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">join</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">jump</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">leave</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">let\'/s</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">list</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">listen</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">magnify</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">make</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">manage</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">minimize</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">move</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">ok</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">open</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">organise</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">oversee</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">play</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">push</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">read</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">reduce</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">run</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">save</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">send</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">shout</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">sing</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">submit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">support</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">talk</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">trim</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">visit</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">volunteer</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">vote</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">watch</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">win</Apply>', errors: [expectedErrorNoTabindex], options: components },
+    { code: ' <Apply role="button" tabindex="1">write</Apply>', errors: [expectedErrorNoTabindex], options: components },
+
   ].map(parserOptionsMapper),
 });
diff --git a/package.json b/package.json
index 58ad28fe4..256a60376 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-sixtyeigth",
+  "name": "eslint-plugin-jsx-a11y-div-sixtynine",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index 219e1790a..aeed369ea 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -47,50 +47,41 @@ module.exports = {
   create: (context) => ({
     JSXOpeningElement: (node) => {
       const TextChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
-      // TextChildValue.value is the text within the tag elements
-      // const VariableChildValue = node.parent.children.find((child) => child.type === 'JSXExpressionContainer' && child !== 'undefined');
-      const expressioncontainer = node.parent.children.find((child) => child.type === 'JSXExpressionContainer');
-      // => (expression.type === 'Identifier' && child.value !== 'undefined'));
-
       const options = context.options[0] || {}; // [object Object]
       const componentOptions = options.components || []; // Apply - comming from .eslintrc.js file
       const typeCheck = ['div'].concat(componentOptions); // div, Apply
       const nodeType = elementType(node); // Apply
 
       // Only check 'div*' elements and custom types.
-      if (typeCheck.indexOf(nodeType) === -1) { // answers the question: is the current node, which is Apply is defined in the componentOptions?
-        // for example, is the Apply custom component present in div,Apply
+      // for example, is the Apply custom component present in div,Apply
+      // answers the question: is the current node, which is Apply is defined in the componentOptions in the eslintrc.json file?
+      if (typeCheck.indexOf(nodeType) === -1) {
         return;
       }
 
-      // if (actionVerbs.includes(IdentifierChildValue && IdentifierChildValue.value.toLowerCase()) === false) {
-      //   return;
-      // }
-      if (expressioncontainer === true) {
-        const IdentifierChildValue = expressioncontainer.expression.type === 'Identifier';
-        context.report({
-          node,
-          message: `${IdentifierChildValue.value} is a identifier value`,
-        });
-        return;
+      if ((actionVerbs.includes(nodeType.toLowerCase()) || nodeType.toLowerCase() === 'button') === true) {
+        if (actionVerbs.includes(TextChildValue && TextChildValue.value.toLowerCase()) === false) {
+          context.report({
+            node,
+            message: 'If custom element is an action word then the text within it should also be an action word. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+          });
+          return;
+        }
       }
 
       if (actionVerbs.includes(TextChildValue && TextChildValue.value.toLowerCase()) === false) {
         return;
       }
 
-
-
       const tabindexProp = getProp(node.attributes, 'tabIndex');
       const roleProp = getProp(node.attributes, 'role');
       const tabindexValue = getPropValue(tabindexProp);
       const roleValue = getPropValue(roleProp);
       // Missing tabindex and role prop error.
       if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button'))
-      || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
+        || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
           node,
-          // message: `${IdentifierChildValue} meh ${IdentifierChildValue.value}  meh ${IdentifierChildValue.type} text: ${TextChildValue} meh ${TextChildValue.value}  meh ${TextChildValue.type}  Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns `,
           message: 'Missing and/or incorrect attributes. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
         return;
diff --git a/src/util/hasAccessibleChild.js b/src/util/hasAccessibleChild.js
index b4080c52d..4e4110941 100644
--- a/src/util/hasAccessibleChild.js
+++ b/src/util/hasAccessibleChild.js
@@ -9,16 +9,15 @@ export default function hasAccessibleChild(node: JSXElement): boolean {
     switch (child.type) {
       case 'Literal':
       case 'JSXText':
-        return Boolean(child.value); //exit if there is text within the tags
+        return Boolean(child.value);
       case 'JSXElement':
         return !isHiddenFromScreenReader(
           elementType(child.openingElement),
           child.openingElement.attributes,
-        ); // exit when the JSXElement is visible for screenreader
+        );
       case 'JSXExpressionContainer':
         if (child.expression.type === 'Identifier') {
-          return (child.expression.name !== 'undefined') || (child.expression.value !== '');
-          // return child.expression.name !== 'undefined';
+          return child.expression.name !== 'undefined';
         }
         return true;
       default:

From 6ba1ebe4fb2c2fff11252c484414e4294b3f92b6 Mon Sep 17 00:00:00 2001
From: Felicia5 <Felicia5@users.noreply.github.com>
Date: Fri, 23 Apr 2021 09:57:40 +0100
Subject: [PATCH 35/35] markdown file finished

---
 __tests__/src/rules/div-has-apply-test.js |  7 +-
 docs/rules/div-has-apply.md               | 94 ++++++++++++++++++++++-
 package.json                              |  2 +-
 src/rules/div-has-apply.js                | 22 +++---
 4 files changed, 108 insertions(+), 17 deletions(-)

diff --git a/__tests__/src/rules/div-has-apply-test.js b/__tests__/src/rules/div-has-apply-test.js
index cf7186dd6..7e1fd6e53 100644
--- a/__tests__/src/rules/div-has-apply-test.js
+++ b/__tests__/src/rules/div-has-apply-test.js
@@ -1,6 +1,6 @@
 /* eslint-env jest */
 /**
- * @fileoverview Discourage use of div when text is apply
+ * @fileoverview Discourage use of div when text is an action word
  * @author Felicia Kovacs
  */
 
@@ -126,7 +126,8 @@ ruleTester.run('div-has-apply', rule, {
 
     // CUSTOM ELEMENT TESTS FOR COMPONENTS OPTION
 
-    // limitation: I only test for <Apply> custom element, I do not test when custom element name is any other action word from the list
+    // limitation: I only test for <Apply> custom element,
+    // I do not test when custom element name is any other action word from the list
     // <Apply tabIndex="0" role="button">any action word </Apply> //has limitation
     { code: '<Apply tabIndex="0" role="button">advise</Apply>', options: components },
     { code: '<Apply tabIndex="0" role="button">amplify</Apply>', options: components },
@@ -1707,7 +1708,7 @@ ruleTester.run('div-has-apply', rule, {
     { code: ' <Apply role="contentinfo">trim</Apply>', errors: [expectedErrorNoAttributes], options: components },
     { code: ' <Apply role="contentinfo">visit</Apply>', errors: [expectedErrorNoAttributes], options: components },
     { code: ' <Apply role="contentinfo">volunteer</Apply>', errors: [expectedErrorNoAttributes], options: components },
-    { code: ' <Apply role="contentinfo">vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
+    { code: ' <Apply role="contelsntinfo">vote</Apply>', errors: [expectedErrorNoAttributes], options: components },
     { code: ' <Apply role="contentinfo">watch</Apply>', errors: [expectedErrorNoAttributes], options: components },
     { code: ' <Apply role="contentinfo">win</Apply>', errors: [expectedErrorNoAttributes], options: components },
     { code: ' <Apply role="contentinfo">write</Apply>', errors: [expectedErrorNoAttributes], options: components },
diff --git a/docs/rules/div-has-apply.md b/docs/rules/div-has-apply.md
index 49c9961ab..677699c91 100644
--- a/docs/rules/div-has-apply.md
+++ b/docs/rules/div-has-apply.md
@@ -1,21 +1,109 @@
 # div-has-apply
 
-Write a useful explanation here!
+Enforcing the use of tabindex="0" role="button" attributes when a call to action verb is used in a `div` element. Furthermore, recommendation is made to use button native HTML element over the ARIA attributes following the first rule of ARIA.
 
 ### References
 
-  1.
+  1. eslint-plugin-jsx-a11y/docs/rule/heading-has-content
 
 ## Rule details
 
-This rule takes no arguments.
+Here are the list of call to action(CTA) verbs that the rule will recognise and
+indicate the line of code incorrect if one of them is in between `<div>` `</ div>` elements:
+  'advise', 'amplify', 'apply', 'arrange', 'ask',
+  'boost', 'build',
+  'call', 'click', 'close', 'commit', 'consult', 'compile', 'collect', 'contribute', 'create', 'cut',
+  'decrease', 'delete', 'divide', 'drink',
+  'eat', 'earn', 'enable', 'enter', 'execute', 'exit', 'expand', 'explain',
+  'finish', 'forecast', 'fix',
+  'generate',
+  'handle', 'help', 'hire', 'hit',
+  'improve', 'increase',
+  'join', 'jump',
+  'leave', 'let\'/s', 'list', 'listen',
+  'magnify', 'make', 'manage', 'minimize', 'move',
+  'ok', 'open', 'organise', 'oversee',
+  'play', 'push',
+  'read', 'reduce', 'run',
+  'save', 'send', 'shout', 'sing', 'submit', 'support',
+  'talk', 'trim',
+  'visit', 'volunteer', 'vote',
+  'watch', 'win', 'write',
+
+This rule takes one optional object argument of type object:
+
+```json
+{
+    "rules": {
+        "jsx-a11y/heading-has-content": [ 2, {
+            "components": [ "Apply" ],
+          }],
+    }
+}
+```
+For the `components` option, these strings determine which JSX elements (**always including** `<div>`) should be checked for having call to action verbs content. This is a good use case when you have a wrapper component that simply renders a `button` element (like in React):
+
+
+```js
+// Apply.js
+const Apply = props => {
+  return (
+    <div tabindex="0" role="button" {...props}>{ props.children }</div>
+  );
+}
+
+...
+
+// CreateForm.js (for example)
+...
+return (
+  <Apply>Apply</Apply>
+);
+```
 
 ### Succeed
 ```jsx
 <div />
+<div></div> // empty div is allowed
+<div>orange</div> // no action word within div element
+<div tabIndex="0" role="button">orange</div> // any word within div that has the two attributes
+<div tabIndex="0" role="button">advise</div> // any of the action words e.g.: advise within div that has the two attributes
+<Apply tabIndex="0" role="button">advise</Apply> // If custom element is an action word then the text within it should also be an action word.
 ```
 
 ### Fail
 ```jsx
+// when a call to action verb is between div elements:
+
+//both attributes are missing and/or wrong
+<div>submit</div> // both attributes are missing
+<div tabIndex role>apply</div> // both attributes are undefined
+<div tabIndex="-1" role="navigation">apply</div> // both attributes values are wrong
+<div tabIndex="1" role="main">apply</div> // both attributes values are wrong
+<div role="contentinfo">apply</div> // wrong attribute value and missing attribute
+<div tabindex="-1">apply</div> // wrong attribute value and missing attribute
+
+// tabindex is missing or wrong
+<div role="button">apply</div>
+<div role="button" tabindex>apply</div>
+<div role="button" tabindex="">apply</div>
+<div role="button" tabindex="-1">apply</div>
+<div role="button" tabindex="1">apply</div>
+
+// role is missing or wrong
+<div tabIndex="0">apply</div>
+<div tabIndex="0" role>apply</div>
+<div tabIndex="0" role="">apply</div>
+<div tabIndex="0" role="main">apply</div>
+<div tabIndex="0" role="main">apply</div>
 
+// custom element name is an action verb and the text in between too
+<Appy>apply</Apply>
 ```
+
+
+## Accessibility guidelines
+- [WCAG 2.4.7](https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html)
+
+### Resources
+- [axe-core, focus-order-semantics](https://dequeuniversity.com/rules/axe/3.2/focus-order-semantics)
diff --git a/package.json b/package.json
index 256a60376..9ff5bcd94 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "eslint-plugin-jsx-a11y-div-sixtynine",
+  "name": "eslint-plugin-jsx-a11y-div-seventyone",
   "version": "6.4.1",
   "description": "Static AST checker for accessibility rules on JSX elements.",
   "keywords": [
diff --git a/src/rules/div-has-apply.js b/src/rules/div-has-apply.js
index aeed369ea..7ff955b32 100644
--- a/src/rules/div-has-apply.js
+++ b/src/rules/div-has-apply.js
@@ -1,7 +1,6 @@
 /**
- * @fileoverview check if div has apply text
- * @author Felicia
- * @flow
+ * @fileoverview Discourage use of div when text is an action word
+ * @author Felicia Kovacs
  */
 
 // ----------------------------------------------------------------------------
@@ -15,6 +14,7 @@ import {
 } from 'jsx-ast-utils';
 import { generateObjSchema, arraySchema } from '../util/schemas';
 
+// random list of action verbs in alphabetical order
 const actionVerbs = [
   'advise', 'amplify', 'apply', 'arrange', 'ask',
   'boost', 'build',
@@ -46,11 +46,11 @@ module.exports = {
 
   create: (context) => ({
     JSXOpeningElement: (node) => {
-      const TextChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown');
-      const options = context.options[0] || {}; // [object Object]
-      const componentOptions = options.components || []; // Apply - comming from .eslintrc.js file
-      const typeCheck = ['div'].concat(componentOptions); // div, Apply
-      const nodeType = elementType(node); // Apply
+      const TextChildValue = node.parent.children.find((child) => child.type === 'Literal' || child.type === 'JSXText' || child.type === 'Unknown'); // text within div elements
+      const options = context.options[0] || {}; // returns e.g.: [object Object]
+      const componentOptions = options.components || []; // returns e.g.: Apply - comming from .eslintrc.js file
+      const typeCheck = ['div'].concat(componentOptions); // returns e.g.: the string div, Apply
+      const nodeType = elementType(node); // returns e.g.: Apply
 
       // Only check 'div*' elements and custom types.
       // for example, is the Apply custom component present in div,Apply
@@ -77,7 +77,7 @@ module.exports = {
       const roleProp = getProp(node.attributes, 'role');
       const tabindexValue = getPropValue(tabindexProp);
       const roleValue = getPropValue(roleProp);
-      // Missing tabindex and role prop error.
+      // Missing and/ or incorrect tabindex and role attributes
       if (((tabindexProp === undefined) && (roleProp === undefined)) || ((tabindexValue !== '0') && (roleValue !== 'button'))
         || ((tabindexProp === undefined) && (roleValue !== 'button')) || ((tabindexValue !== '0') && (roleProp === undefined))) {
         context.report({
@@ -87,14 +87,16 @@ module.exports = {
         return;
       }
 
+      // Missing and/or incorrect tabindex attribute
       if ((tabindexValue !== '0') || (tabindexProp === undefined)) {
         context.report({
           node,
-          message: 'Missing or incorrect tabIndex attribute value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
+          message: 'Missing or incorrect role attribute value. Action verbs should be contained preferably within a native HTML button element(see first rule of ARIA) or within a div element that has tabIndex="0" attribute and role="button" aria role. Refer to https://w3c.github.io/aria-practices/examples/button/button.html and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#accessibility_concerns',
         });
         return;
       }
 
+      // Missing and/or incorrect role attribute
       if ((roleValue !== 'button') || (roleProp === undefined)) {
         context.report({
           node,