CvHeaderPanel: Accessibility in Header Right Panel #1346
Description
Detailed description
Describe in detail the issue you're having.
When using cv-header with right panel, if there is some element that can be expanded, such as a switcher, if run 'IBM Equal Access Accessibility Checker ' there is some accessibility errors about, including violations. Also, if I use the keyboard and my right panel is not expanded, I still can "walk" there.
Is this a feature request (new component, new icon), a bug, or a general issue?
Accessibility issue
Is this issue related to a specific component?
cv-header right panel
What did you expect to happen? What happened instead? What would you like to see changed?
If run 'IBM Equal Access Accessibility Checker ', it should not appears accessibility errors for right panel component. Also, If I use the keyboard, and my panel is not expanded, it should go to the next component, not inside my panel.
What browser are you working in?
Firefox and chrome
What version of the Carbon Design System are you using?
Latest
What offering/product do you work on? Any pressing ship or release dates we should be aware of?
--
Steps to reproduce the issue
- Go to some header with right panel, such as (https://vue.carbondesignsystem.com/?path=/story/components-cvuishell--header-base-with-actions-and-right-panels)
- Run 'IBM Equal Access Accessibility Checker '
- You will find some accessibility errors because of this componenet. Such as "Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'"
- Select the header and use the keyboard to walk into the page. If using the link above, in the last component in the header, if you do not expand it, you still will "walk" there.
Additional information
- Screenshots or code
- Notes
