Issue Summary

The expand/collapse state of "Watch" and "Share" buttons present in the main section is not programmatically defined.

Steps to Reproduce

1. Open "Confluence DC" page.
2. Navigate to "Watch" and "Share"buttons via TAB key and activate it.
3. Observe that state is not announced when the buttons are expanded or collapsed.

Screenshot

Actual Result

On activating  "Watch" and "Share" buttons, the content dynamically gets expanded and collapsed below. The dynamically updating button's state is not defined programmatically.
As a result, screen reader users are not able to understand the button's functionality.

Expected Result

The screen reader should announce the correct expand/collapse state of expandable controls.
Ensure that appropriate expand/collapse state is communicated by the screen reader.
Apply the following changes:

• Set the "aria-expanded" attribute to "false" when the buttons are collapsed.
• Ensure that the value of the "aria-expanded" attribute changes to "true" when buttons expand on user interaction via scripting.

Code Snippet

<button class="css.." aria-expanded="false"  >Share< /button>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest