Project Dashboard : The element has missing or incorrect states or properties.

Issue Summary

The element has missing or incorrect states or properties that are necessary for screen reader users to interact with or understand the content conveyed by the element.

Element Name:

• activity
• statistics

Location: Present in the switch view dropdown

Steps to Reproduce

1. In the Jira header, select the Project link and activate any project from the options.
2. In the Project dashboard, select the Project name link and activate it.
3. In the available Summary page, navigate to the Activity heading and try to interact "Switch view" menu button element, keeping the screen reader on.

Actual Results

On the Project summary page, for switching the view of the activity, the menu button "Switch view" has a missing role and properties and role="radio" is defined inappropriately. The options such as "activity" and "statistics" have been provided with role="radio" inappropriately. As a result, the options are announced as radio buttons but the options work as a link. Thus this will create an unpleasant experience for the assistive technology users.

Expected Results

Apply the following to make the element more accessible:

• Add the role="menu" to the list of options to the <ul> element, and role="menuitem" to the option element.
• Remove the role="radio" from the source code, as the buttons do not act as radio buttons.

Refer to the following article on menu button implementation:

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

Screenshot

Screen Recording

Screen Recording 2022-07-07 at 7.34.05 PM.mov

Workaround

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

Bug Ref: 731761