Issue Summary

The "Text style" button present on the page not has a programmatically defined accessible name.

Note: A similar issue is observed in the table toolbar for table width form field

Steps to Reproduce

1. Open the "Create" page.
2. Navigate to the Toolbar.
3. Navigate to the mentioned button.
4. Select any of the options.
5. Observe that the label is beeing change according to the selected option.

Screenshot 1: Table toolbar>>Table width

Actual Results

When the users navigate to the mentioned button, the screen reader is announcing the selected options for this buttons as their partial accessible name. 
As a result, users of assistive technologies will not be able to understand the purpose or the functionality associated with the button.

Expected Results

Interactive elements must have programmatically defined accessible names so that their functionality is communicated to assistive technology users. Use{{ aria-label }}attribute to provide an accessible name to the mentioned button. The {{aria-label }}such as "Text style: <selected option>" should be used on mentioned 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