jquery-ui tab "Interactive controls must not be nested"

[VishwaSangani]

issue link

The axe-core DevTools accessibility checker flags a "serious" problem with this code: "Interactive controls must not be nested", with the explanation "Interactive control elements must not have focusable descendants" and referencing guideline WCAG 4.1.2.

Even though I tried changing roles to 'none presentation' or totally removed the role but then it strats throwing issue for aria-selected and aria-expanded attributes as "Elements must used allowed aria attributes"

How I do change the tabs widget code to make it accessible?

[mgol]

Thanks for the report. Does the issue you describe exist when jQuery UI 1.12.1 is used or only with jQuery UI 1.13.0 or newer?

[VishwaSangani]

I'm using jQuery UI 1.13.2 (latest version) right now and facing this issue. But seems like the issue is producible with older versions too.

[mgol]

Thanks for the report. Since the issue is already in 1.12, given limited team resources it's not likely to be fixed by the UI team; see the project status at https://blog.jqueryui.com/2021/10/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/.

[julie4754]

Accessibility is becoming a priority with many companies and organisations, is there any way to prioritize this?

[mgol]

@julie4754 The best way to prioritize this is to submit a PR addressing this, with tests.