More Option: Roles not defined

Issue Summary

The role such as "menu" for the <ul> element and "menuitem" for the submenu links are not defined. 

Steps to Reproduce

1. Open the home page.
2. Navigate to the "Test" space link in the "My Space" section and activate it.
3. Navigate to the "More option" menu link and activate it.
4. Navigate to mentioned submenu links and inspect the code.

Actual Results

The role such as "menu" for the <ul> and "menuitem"  for the submenu links such as "Attachments", "Page History", "Restrictions" and so on are not defined. This made it difficult for screen reader users to access the functionality associated with it.

Expected Results

1. Set role="menu" to the <ul> element of the submenu links.
2. Set role="none" to the <li> element of each submenu link.
3. Set role="menuitem" to the <a> element of the submenu links.

Refer to the below link for menu link implementation: 

https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html

<ul id="action-menu-primary" class="section-primary first" role="menu">
<li role="none">
<a id="view-attachments-link" href="/pages/viewpageattachments.action?pageId=98344" rel="nofollow" class="action-view-attachments" accesskey="t" title="View Attachments (Type 't')" role="menuitem tabindex=-1> <span>Attachments (6)</span></a></li>
<li role="none">
<a id="action-view-history-link" href="/pages/viewpreviousversions.action?pageId=98344" rel="nofollow" class="action-view-history" title="" role="menuitem tabindex=-1><span>Page History</span></a></li>
(...)
</ul>

Screenshot

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available