[Donut Chart]: A11y - Focus on hidden element not visible to user causes A11y issue. #6683
Description
Describe the bug
There is a tabindex=0 on element which causes element to get focussed on tab but not visible to the user. When all children have tabindex = -1, parent element should also have tabindex = -1.
And because of this on press tab, it appears loss of focus to the user.
Isolated Example
No response
Reproduction steps
- Go to https://sap.github.io/ui5-webcomponents-react/v2/?path=/story/charts-donutchart--default
- Press tab inside
- Inspect document.activeElement on dev console.
Expected Behaviour
Hidden element shouldn't be focussed on tab.
Screenshots or Videos
UI5 Web Components for React Version
v2.4.0
UI5 Web Components Version
v2
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
No response
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.