Skip to content

Components: increase the helpText.fontSize #69467

@afercia

Description

@afercia

Description

Splitting this out from #69451 (comment)

In #69451 the Visibility panel in the pre-publish checks has been refactored and now uses RadioControl which uses a 12 pixels font size for the help text.

'helpText.fontSize': '12px',

The previous font size was 13 pixels. As such, the help text is now smaller and it's actually a reduced legibility level.

Overall, I'd think there should't be any text in the editor that uses a font size smaller than 13 pixels.
12 pixels is really too small in 2025. I'd even consider to raise any minimum font size to at least 14 pixels but for now 13px would be a good start.

Of course, I do understand the help text must have, in a way, slightly less prominence. However, typography hierarchy doesn't necessarily need to use the font size. It can be provided by color, spacing, white space and the like.

CC @WordPress/gutenberg-components and @WordPress/gutenberg-design

Step-by-step reproduction instructions

N/A

Screenshot to illustrate an example of help text with a 12 pixels font size (on the right) compared with the previous 13 pixels font size (on the left). Please ignore the different alignments / spacings and only focus on the help text font size.

Image

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs Design FeedbackNeeds general design feedback.[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Package] Components/packages/components[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions