Allow role=combobox for button and input type=button

[scottaohara]

ARIA in HTML is planning to allow role=combobox on a button and input type=button element.

button role=combobox test case

Additionally, the ARIA in HTML PR adds role=checkbox as an allowed role for input type=button to match the button element allowances. This was an oversight in the spec which this PR will help correct.

[MattyBalaam]

How do I configure the latest version of Axe to pass when a button has the role of combobox?

[scottaohara]

I don't think the PR for this change has landed yet, @MattyBalaam.

@WilcoFiers what else needs to happen here? I think I addressed what I needed to in the PR? Understood if other priorities have punted this, but it's unclear what else is needed if not just 'time'?

[MattyBalaam]

I was wondering if someone had a tip for some config which can be used as a workaround while we wait for this to land.

[straker]

For a workaround you can configure the standards object to allow it, similar to what the pr is doing

axe.configure({
  standards: {
    htmlElms: {
      button: {
        allowedRoles: [
          'checkbox',
          'combobox',
          'link',
          'menuitem',
          'menuitemcheckbox',
          'menuitemradio',
          'option',
          'radio',
          'switch',
          'tab'
        ]
      }
    }
  }
})

@scottaohara I think this might have fallen through the cracks (as well as a few other of your prs). I'll go back and look into them.

[adcortes]

@straker , hi, i am using the axe DevTools plugin on chrome and the <button role=combobox"> seems not updated yet.
Is it in process?
I am using:
DevTools
extension: v4.41.0
axe-core: v4.4.2

[straker]

@adcortes We are planning a release later this month which should include this change. After axe-core releases, it'll probably be another couple of weeks or so before it is released into the extension.

[padmavemulapati]

Validated with the latest axe-core develop branch code base,
test-snippet:

  <button id=b role=combobox>test 1</button>
  <input id="c" role="checkbox" />

seeing aria-allowed-role failing on button , role=combobox and for input - role=checkbox