fix(aria-allowed-role): allow combobox on button, checkbox and combob…

…ox on input[type=button] (#3354)

* Update allowed button & input type=button roles

closes #3353

- Adds `role=combobox` to the `<button>` element.
- Adds `role=combobox` and `role=checkbox` to the `<input type=button>` element.

* fix whitespace

* add pass ids

* `button role=combobox`
* `input type=button role=combobox`
* `input type=button role=checkbox`

* add tests

* `button role=combobox`
* `input type=button role=combobox`
* `input type=button role=checkbox`

Co-authored-by: Steven Lambert <steven.lambert@deque.com>

lib/standards/html-elms.js

@@ -138,6 +138,7 @@ const htmlElms = {
     contentTypes: ['interactive', 'phrasing', 'flow'],
     allowedRoles: [
       'checkbox',
+      'combobox',
       'link',
       'menuitem',
       'menuitemcheckbox',
@@ -395,6 +396,8 @@ const htmlElms = {
           }
         },
         allowedRoles: [
+          'checkbox',
+          'combobox',
           'link',
           'menuitem',
           'menuitemcheckbox',

test/integration/rules/aria-allowed-role/aria-allowed-role.html

@@ -125,6 +125,30 @@ <h1 id="pass-h1-role-doc-subtitle" role="doc-subtitle"></h1>
   aria-expanded="true"
   id="pass-input-tel-role-spinbutton"
 />
+<input
+  aria-autocomplete="list"
+  value="some label"
+  autocomplete="off"
+  role="combobox"
+  type="button"
+  aria-expanded="true"
+  id="pass-input-button-role-combobox"
+/>
+<button
+  aria-autocomplete="list"
+  aria-label="some label"
+  autocomplete="off"
+  role="combobox"
+  type="button"
+  aria-expanded="true"
+  id="pass-button-role-combobox">ok</button>
+<input
+  value="some label"
+  role="checkbox"
+  type="button"
+  aria-checked="true"
+  id="pass-input-button-role-checkbox"
+/>
 <input type="image" role="link" id="pass-input-image-valid-role" />
 <input
   type="checkbox"

test/integration/rules/aria-allowed-role/aria-allowed-role.json

@@ -45,6 +45,9 @@
     ["#pass-input-tel-role-spinbutton"],
     ["#pass-input-image-valid-role"],
     ["#pass-input-checkbox-valid-role"],
+    ["#pass-button-role-combobox"],
+    ["#pass-input-button-role-checkbox"],
+    ["#pass-input-button-role-combobox"],
     ["#pass-h1-valid-role"],
     ["#pass-img-valid-role"],
     ["#pass-button-role-radio"],