jquery
jquery-ui tab "Interactive controls must not be nested"
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?
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?
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.
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/.