New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
jquery-ui tab "Interactive controls must not be nested" #2171
Comments
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/. |
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?
The text was updated successfully, but these errors were encountered: