Issue Summary

The label for button element is provided inappropriately which seems to be state information is announcing twice.

This issue has been observed on "Backlog" page.

Steps to Reproduce

1. Navigate to "Boards" dropdown present in the header section.
2. Navigate to the "KAN board" option and activate it.
3. Observe that "Kanban board" page has been appeared on the page
4. Navigate to the expandable "v" ("Expedite2 issues" and "Everything Else10 issues") buttons using screen reader
5. Observe that state is conveying two times.

Screenshot 1: Kanban Board.

Screenshot 2: Backlog

Actual Results

Inappropriate title "Toggle swimlane visibility" is announcing for the "Expand/collpase" svg image button present along with "Expedite2 issues" and "Everything Else10 issues". As a result, the state "Expand/Collapse" and "toggle" is creating confusion.

Expected Results

Apply the following changes:

• Remove "toggle" word from the "title" attribute. Ensure that the state information like "toggle" should not announce for screen reader users.
• Include the "Expedite2 issues" text under button element 

Code Snippet

<div role="button" tabindex="0" class="aui-button js-expander ghx-heading-expander" aria-expanded="false" title="swimlane visibility">
(...)
<span>Expedite</span>
<span class="ghx-info"><span class="ghx-description">3 issues</span></span>
(...)
</div>

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest