Edit Dashboard : Button is not announced as toggle button

Issue Summary

Even though the “Maximize/Minimize” button is having the functionality of a toggle button, the same is not programmatically conveyed through the screen reader.

Steps to Reproduce

1. Navigate to the “Dasboards” menu pop-up link and activate it.
2. Navigate to the “Manage Dashboards" link and activate it.
3. Navigate to “Create new dasboards” link and activate it. and Create a new dasboard
4. Open "Edit dashboard" page.
5. Observe that the mentioned button is not announced as a toggle button

Actual Result

When the user navigates on the “Maximize/Minimize” button even though the functionality is of the toggle button the same is not conveyed programmatically, as a result, the screen reader users won't be able to use the functionality effectively.

Expected Result

When the screen reader user navigates on the mentioned button, role toggle button should be announced.

Make sure to provide aria-pressed state to <button> and programmatically update its value to “true/false” according to user interaction with this button. Make sure the label of this button should be update on user interaction.

Screenshot

Code snippet

<button aria-pressed="true" id="gadget-10127-maximize" class="maximize" title="Maximize" aria-label="Maximize"><span class="aui-icon aui-icon-small aui-iconfont-vid-full-screen-on" title="Maximize"></span></button> 

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest