All boards: More actions buttons don’t have accessible labels.

Issue Summary

On All boards page, the More actions (...) buttons don’t have an clear & descriptive accessible labels.

Bug Ref: 726277

Steps to Reproduce

1. Navigate to system dashboard page.
2. Navigate to the "Boards" link in header section & activate it.
3. Navigate to "All boards" link & activate it.
4. Navigate to "More actions (...)" buttons in the main content region.

Actual Results

While navigating with screen reader, when user navigate to "More actions (...)" buttons in "All boards" table inside main content, the screen reader announces as "menu popup, button". The buttons don’t have clear & descriptive accessible labels.

This makes screen reader users difficult to understand the purpose of the buttons effectively.

Expected Results

Each "More actions" button should have unique, clear & descriptive accessible label. Implement following fixes.

• Provide an unique id attribute to all the board name links.
  For Example : <a href="/secure/RapidBoard.jspa id="board1">kanban</a>
• Provide an off-screen text "More actions" inside <button> element.
• Provide an aria-labelledby attribute to the (...) button & provide it's own id & board name link's id to create an accessible label.
  For Example : 
  <button aria-haspopup="true" id="ghx-manage-boards-operation-trigger-9" aria-expanded="false"
  aria-labelledby="ghx-manage-boards-operation-trigger-9 board1">
  <span class="ghx-iconfont aui-icon aui-icon-small">More action</span>
  </button>

Using above implementation the screen reader will announce the label as "More actions, Kanban button" to the screen reader users.

Screenshot

Screen Recording

Screen Recording 2022-03-17 at 5.55.11 PM.mov

Workaround

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