Make WordPress Core

Opened 4 weeks ago

Last modified 4 weeks ago

#62982 new defect (bug)

Twenty Twenty-Five: The Written by pattern on single posts has too low color contrast in some variations

Reported by: poena's profile poena Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-design-feedback has-patch
Focuses: Cc:

Description

In the theme Twenty Twenty-Five, the pattern twentytwentyfive/hidden-written-by has a text and link color set on a group block that wraps some text content, the author name, and the categories.
The color is accent 4.

This text color does not have a high enough color contrast ratio against some of the background colors that can be applied with section styles.

Originally reported in https://wordpress.org/support/topic/sections-dont-work-appropriately/

Testing instructions:

Activate Twenty Twenty-Five.
Reset any custom styles and template changes.
Edit the single posts template.

Select the main group block, or, the first group block that is inside the main.
Open the Styles tab in the block settings.
Apply Styles 1 to 5, one by one, and observe the color of the text
"Written by author in categories" that is below the featured image.

Then repeat the steps with all the site style variations, and you will find that in some combinations, the text color is the same as the background color, so it is invisible.


My suggestion is to remove the text color from the markup. This will mean that the "Written by" content will fallback to using its default colors that are set in the variations.
But it will also mean that the text color will not be lighter than the post content, which was the intention behind the color choice in the original design.

Attachments (1)

morning.png (101.2 KB) - added by poena 4 weeks ago.
Morning style variation, with section style 5 applied to the main group. The "written by" text is not readable.

Download all attachments as: .zip

Change History (3)

@poena
4 weeks ago

Morning style variation, with section style 5 applied to the main group. The "written by" text is not readable.

#1 @poena
4 weeks ago

  • Keywords needs-design-feedback needs-patch added

This ticket was mentioned in PR #8347 on WordPress/wordpress-develop by @rinkalpagdar.


4 weeks ago
#2

  • Keywords has-patch added; needs-patch removed

Fixes #62982

### Testing instructions:

  1. Activate Twenty Twenty-Five.
  2. Edit the single posts template.
  3. Select the main group block, or, the first group block that is inside the main.
  4. Open the Styles tab in the block settings.
  5. Apply Styles 1 to 5, one by one, and observe the color of the text
  6. "Written by author in categories" that is below the featured image.
Before

https://github.com/user-attachments/assets/6f6866ea-1d48-4029-a74a-d014c9873607

After

https://github.com/user-attachments/assets/61246b15-3f06-4b26-887a-939ad98a4a91

Note: See TracTickets for help on using tickets.