I would like to know @jasmussen thoughts about this proposal.

Regarding the sidebar, this will probably also be related to #55179, which discusses improvements to the sidebar UI.

Regarding the modal dialog, I think we should at least add a heading of "User Fonts" or "Custom Fonts" or "Installed Fonts" for the font group the user has installed.

I would like to know @jasmussen thoughts about this proposal.

I think it can be explored, either in beta or for future versions; we have options there. But I wouldn't rush it — the interface has barely been used to make themes with, and before we start to split the interface apart, it'd be good to get some collect some more feedback. How would you feel about this one resting for a bit?

I'd agree that, generally, any list of items should be preceded by a heading or other semantic labeling to clarify what that list is about.

At least the modal dialog content should be improved.

RIght now, it's not clear why the theme fonts do have a visible title and other fonts don't. It's not even clear what the other fonts are and where they come from.

Actually, the 'Theme Fonts' title is not even a HTML heading. It's just text wrapped within unsemantic div and span elements.

A good headings hierarchy to clearly identify sections of content is one of the most important, basic, content structure and accessibility best practices.

The lack of it is an accessibility problem at the point I consider this issue a bug in a new feature that needs to be addressed before the release.

Screenshot of the current modal dialog titles (or lack of them):

What kind of UI would be ideal? I think the problem is where to display the toggle when user installed fonts and theme fonts are present.

What kind of UI would be ideal? I think the problem is where to display the toggle when user installed fonts and theme fonts are present.

To me, this is one more good reason to not use a tiny, barely visible, icon button to open the 'Manage fonts' modal dialog, as originally reported in #58082 and then incorporated in #55179

I'm not sure changing the icon from the Aa icon to the settings icon solved the problem.

I see, I think I understand @afercia's intention now. In other words, the following UI would be ideal, right?

In other words, the following UI would be ideal, right

IMHO, yes. As mentioned in #58082 to me, the most commond and intuitive mental model for users is a list of objects (or more than one list it doesn't matter) and after that the ability to 'manage all' those objects.

I agree with @afercia thay the tiny icon to launch the Font Library modal is not ideal and the “Manage Fonts” button would be a better interaction.

I believe that there are critical user interface items that can be iterated upon after WordPress 6.5 is released. I have previously suggested that this issue: #58403 be considered and added under the 'Nice to Have' section of #55277 (comment)

For now, I believe we should move this to the ❓ Triage column on the WordPress 6.5 Editor Tasks board

@afercia is there an Issue capturing your comment about semantic headings in the Font Library modal?

@jasmussen My instinct aligns with yours - modifying the sidebar (not the Font Library modal) to group fonts is a "nice to have" and could be explored in a future release. We are at Beta 1 today and there is no PR exploring this feature so unless there's a critical reason why this breaks the experience for users then in my opinion we should look to defer to a future release.

We are at Beta 1 today and there is no PR exploring this feature so unless there's a critical reason why this breaks the experience for users then in my opinion we should look to defer to a future release.

I'm going to remove this from the WordPress 6.5 Editor Tasks board, but it would be a Nice to Have for 6.5.

As of #62129, the Add/Manage fonts button is now always visible. This should allow us to move this issue forward.

In other words, the UI will look like this: