carbon-design-system
Accessability Violation : <ibm-header-navigation> None of the descendent elements with "menuitem" role is tabbable
[Title]: Accessability Violation :
Describe in detail the issue you're having.
IBM Accessibility Checker tool reported that "None of the descendent elements with "menuitem" role is tabbable" for header component
Is this a feature request (new component, new icon), a bug, or a general issue?
Bug
Is this issue related to a specific component?
Header Component - <ibm-header-navigation>
What did you expect to happen? What happened instead? What would you like to see changed?
<ibm-header-navigation> --> <ul class="bx--header__menu-bar" role="menubar"> **<ul>** tag should have "tabindex=0"
What browser are you working in?
Mozila Firefox
What version of the Carbon Design System are you using?
Firefox 106.0.3
What offering/product do you work on? Any pressing ship or release dates we should be aware of?
"carbon-components": "^10.58.1", "carbon-components-angular": "^4.59.14",
Steps to reproduce the issue
- Run the IBM Accessibility Checker tool on component
Additional information
Element Location :
<ul class="bx--header__menu-bar" role="menubar">
I didn't see this violation before, but now it started to show up too. Not sure what changed.
Hi team, are there any updates on this issue? It was created a long time ago. Please look into this issue as it is a priority.
