Button width controls are difficult for editors to find

[andreawetzel]

What problem does this address?

It is hard for new users to know what the 25%, 50%, 75%, 100% buttons do under the Settings Inspector Controls panel for the button element. This is a potential accessibility barrier and usability barrier for folks who are new to the Block Editor.

There should be a visual indication such as a heading that indicates that these are settings for the width percentage for the button. The group has an aria-label of "Button width" but this does not help our visual users.

Related Issue & PR

There is an issue to Replace Outdated size controls in core blocks: #52223
There is also a PR to use ToggleGroupControl for this element here: #65346

There is still not a heading or visual cue for sighted users what these percentage buttons are for though. A "Button width" heading would help users with this functionality.

What is your proposed solution?

Add "Button width" heading above percentage width controls on the button block.