Reports : Link does not activate via keyboard & state is not announced by screen reader.

Issue Summary

On reports page, the link "How to read this chart" does not get activated via keyboard & screen reader doesn’t announce the current state of the element.

Tested URL

https://instenv-9109-pfsh.instenv.atl-test.space/secure/RapidBoard.jspa?rapidView=2&projectKey=TES&view=reporting&chart=controlChart&days=0

Steps to Reproduce

1. Navigate to Jira homepage.
2. Navigate to any project inside Jira.
3. Navigate to the reports page.
4. Navigate to "Switch report" dropdown & activate any report type. For Example : "Cumulative Flow Diagram".
5. Navigate to "How to read this chart" link in main content.

Actual Results

While navigating with keyboard, when user navigate to "How to read this chart" link in main content, it does not gets activated with keyboard enter/space keys. Also screen reader doesn’t announce the state of the element i.e expanded or collapsed.

When user activates the "Hide this information" button, the focus goes to date dropdown element incorrectly.

This makes keyboard only users difficult to access the information present under the link.

Expected Results

The "How to read this chart" element should get activated via keyboard enter/space keys. It should be coded as a <button> element instead of link.

Provide aria-expanded="false" attribute to the button & and it should toggle between "true" or "false" as per user interactions.

When user activates the "Hide this information" button the focus should be set back to triggering element i.e. "How to read this chart" button.

Screenshot

Screen recording

Screen Recording 2022-02-17 at 12.25.14 PM.mov

Workaround

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