carbon-design-system / ibm-security

A Carbon-powered React component library built by IBM Security
https://ibm-security.carbondesignsystem.com
Apache License 2.0
77 stars 54 forks source link

Nav/NavItem accessibility issue #1169

Open Khoi-Dinh opened 1 year ago

Khoi-Dinh commented 1 year ago

Issue: The element with role "menuitem" is not contained in or owned by an element with one of the following roles: "group, menu, menubar"

  1. <div id="overview" class="security--nav__list__item__link" role="menuitem" tabindex="0"><svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-label="Complete" width="16" height="16" viewBox="0 0 16 16" role="img" class="insights--compliance-navlist-item-icon"><path d="M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7s7-3.1,7-7C15,4.1,11.9,1,8,1z M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z"></path><path d="M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z" data-icon-path="inner-path" opacity="0"></path></svg><div style="font-weight: bold;">Overview</div></div>

Screenshot 2023-02-27 at 1 43 09 PM

Affected browsers

What's my browser? and browserl.ist supported browsers

Optional information

Version -

stale[bot] commented 1 year ago

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.